Refero Design — skill de design fondé sur la recherche
Ce skill est le composant central du repository referodesign/refero_skill. Il définit une méthodologie complète de design « research-first » destinée aux agents AI tels que Claude : avant de produire le moindre code ou maquette, l'agent doit obligatoirement ancrer ses décisions dans des références visuelles réelles, issues soit du MCP Refero (150 000+ écrans, 6 000+ flows de produits comme Stripe, Linear ou Notion), soit de références fournies par l'utilisateur.
Le SKILL.md est ici pleinement développé — ce n'est pas un squelette. Il structure le comportement de l'agent en trois couches de recherche : Styles (direction visuelle et goût), Screens (patterns UI concrets), et Flows (logique de parcours multi-étapes). Chaque couche correspond à des outils MCP dédiés (refero_search_styles, refero_search_screens, refero_search_flows) disponibles lorsque le MCP est configuré, mais le skill reste utile sans connexion live grâce aux guides de craft embarqués.
Ce que le skill impose à l'agent
Le skill définit des règles non-négociables : pas de design sans références nommées et justifiées, pas de copie directe d'une seule source, pas de moyenne entre références (on choisit une direction dominante), et un « reference lock » formalisé avant toute implémentation. Un decision ledger tracé permet de relier chaque choix visuel ou structurel à une source précise. Des quality gates en fin de workflow vérifient explicitement que l'agent n'a pas dérivé vers les défauts génériques du design AI.
Guides de craft embarqués
En complément de la méthodologie de recherche, le skill référence plusieurs guides internes au repository : typographie, couleur, motion, icônes, détails de craft (accessibilité, formulaires, responsive), copywriting et persuasion, ainsi qu'un guide anti-AI-slop listant les patterns visuels génériques à éviter. Ces fichiers se trouvent dans le dossier references/ du repository.
Installation et usage
Le skill s'installe via npx skills add ou par clonage manuel dans le dossier de skills de l'agent. Il fonctionne avec Claude Code, Cursor, Gemini CLI, Lovable et tout outil compatible MCP. La connexion au MCP Refero est optionnelle : sans token, l'agent utilise les guides embarqués et les références fournies par l'utilisateur. Avec le MCP configuré, il accède en live aux styles, screens et flows de la base Refero.