Dating Dashboard Design Skill for Muse
Un tableau de bord de rencontres éditorial, piloté par les stats, en un seul fichier HTML
- Quoi
- Un tableau de bord de rencontres éditorial, piloté par les stats, en un seul fichier HTML
- Coût
- Gratuit
- Prérequis
- une idée de produit de rencontres ou de matchmaking (ou tout brief de tableau de bord grand public) à prototyper visuellement. Ni compte ni clé API requis.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Un skill de design qui transforme un brief de rencontres ou de matchmaking en tableau de bord grand public d'un seul écran, dans l'esprit d'une chronique rencontres du journal du dimanche rendue en logiciel : bandeau défilant en haut, navigation latérale de 220–260 px (aujourd'hui / vous / archives), grille de KPI 3×3 aux chiffres serif surdimensionnés, graphique en barres des matchs mutuels sur 30 jours, et panneau de tendance du taux de match sur 12 semaines — typographie éditoriale, fond blanc cassé crémeux, un seul accent sobre, et des textes d'observation pleins d'esprit. Il écrit un document HTML autonome avec CSS intégré et graphiques SVG, impose un auto-contrôle strict (pas de swipe deck, pas de cœurs, pas d'emoji feu), et produit le résultat en artifact prévisualisable directement. Inclut un contrat de design system et un exemple de prompt. Découvert via skills.sh. Note honnête : c'est un gabarit de design, pas une appli de rencontres fonctionnelle — il produit un prototype visuel soigné avec des données d'exemple plausibles, issu de la collection de gabarits open-design ; la vraie logique de matching reste votre affaire. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Non vérifié.
Sélectionné par Skill Harbor — skill gratuit et open-source (Apache-2.0) par @nexu-io.
Version :
Installation
Prérequis : une idée de produit de rencontres ou de matchmaking (ou tout brief de tableau de bord grand public) à prototyper visuellement. Ni compte ni clé API requis. Installe-moi « Skill Design de Tableau de Bord de Rencontres pour Muse ». Un skill de design qui transforme un brief de rencontres/matchmaking en tableau de bord éditorial d'un seul écran : bandeau supérieur, navigation latérale, grille de KPI 3×3 aux chiffres serif, graphique en barres des matchs mutuels sur 30 jours, panneau de tendance du taux de match sur 12 semaines — le tout dans un seul artifact HTML autonome avec CSS intégré et graphiques SVG. Dépôt : https://github.com/nexu-io/open-design/blob/main/design-templates/dating-web/SKILL.md 1. Récupérez le fichier SKILL.md (et les fichiers auxiliaires : design-templates/dating-web/, aperçu index.html) depuis le chemin du dépôt dans un dossier temporaire et résumez ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examinez le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifiez que c'est bien le cas ; STOP sur le moindre signal d'alerte et prévenez-moi. 3. Installez-le comme skill : copiez SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « dating-web ». 4. Vérifiez sans appels réseau : frontmatter valide, fichiers en place. 5. Indiquez ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. décrire mon concept de produit de rencontres/communauté à prototyper). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, vous pouvez l'utiliser ; sinon, l'accès public suffit. Règles : ne touchez à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrêtez et demandez-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.