Refero design: research-first UI design methodology
Fonder chaque design sur de vraies références — styles, écrans, flows — avec reference locks, decision ledgers et garde-fous anti-design-générique-IA
- Quoi
- Fonder chaque design sur de vraies références — styles, écrans, flows — avec reference locks, decision ledgers et garde-fous anti-design-générique-IA
- Coût
- Gratuit
- Prérequis
- une tâche de design à traiter — pour le workflow complet, un compte Refero avec le serveur MCP Refero configuré (le skill fonctionne aussi seul avec ses références de craft fournies)
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill de design principal de @referodesign : une méthodologie « recherche d'abord » pour le design UI, produit et web, conçue pour donner aux agents du goût et des preuves produit au lieu du savoir générique des modèles. Trois couches de recherche : styles (direction visuelle), écrans (patterns UI concrets), flows (logique de parcours multi-étapes). Non-négociables : recherche avant tout travail de design, ne jamais copier une seule référence, ne jamais moyenner les références en un juste milieu sûr (choisir une direction dominante et préserver ses traits marqués), préserver les rôles de tokens et d'imagerie, synthétiser avant d'implémenter, et verrouiller la direction dans un reference lock plus un decision ledger avant de coder. Inclut le routage d'outils (refero_search_styles / refero_search_screens / refero_search_flows et leurs variantes get-*), quatre routes de workflow (direct build, exploration visuelle, audit, génération d'assets), des références de craft fournies (typographie, couleur, motion, icônes, copywriting, détails de craft) et un garde-fou anti-design-générique-IA (pas de hero → features → pricing → FAQ générique, pas d'indigo par défaut, pas de mots en serif décoratif, au moins un détail mémorable, chaque décision majeure traçable vers une référence, une contrainte ou une règle de craft). Bémols honnêtes : le workflow complet passe par le service MCP propre à Refero — un compte gratuit/connexion est nécessaire pour la recherche live de styles/écrans/flows ; le skill fonctionne quand même seul avec ses références de craft fournies et celles de l'utilisateur ; c'est une méthodologie longue et tranchée, pas un quick fix. Licence MIT. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : une tâche de design à traiter — pour le workflow complet, un compte Refero avec le serveur MCP Refero configuré (le skill fonctionne aussi seul avec ses références de craft fournies) Installe-moi « Refero design : méthodologie de design UI « recherche d'abord » ». Il donne à mon agent la méthodologie de design « recherche d'abord » de @referodesign : rechercher styles, écrans et flows avant de designer ; synthétiser en une direction de référence verrouillée avec un decision ledger ; préserver les rôles de tokens et d'imagerie ; puis construire avec le savoir de craft fourni (typographie, couleur, motion, icônes, copywriting, accessibilité) et passer le garde-fou anti-design-générique-IA — avec quatre routes de workflow (direct build, exploration visuelle, audit, génération d'assets). Licence MIT. Dépôt : https://github.com/referodesign/refero_skill/blob/main/skills/refero-design/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide éventuels) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur, les identifiants uniquement via le coffre sécurisé, les hôtes autorisés déclarés dans le SKILL.md. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « refero-design ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. apporter le brief de design et les contraintes de marque ; me connecter à Refero et ajouter son serveur MCP pour la recherche live, ou compter sur les références de craft fournies). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-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.