Refero Design Skill
Ce skill constitue le cœur du repository referodesign/refero_skill : il fournit à un agent IA (Claude, Codex, Gemini, Cursor…) une méthodologie complète de design fondée sur la recherche. Avant toute implémentation visuelle, le skill impose une phase de research exploitant les outils Refero MCP — plus de 150 000 écrans réels et 6 000 flows d'applications bien conçues — ou, à défaut, les références craft intégrées dans le dossier references/.
Structure et contenu
Le SKILL.md est entièrement rédigé et fonctionnel : il ne s'agit pas d'un placeholder. Il définit trois couches de recherche — Styles (direction visuelle et goût), Screens (patterns UI concrets), Flows (logique de parcours multi-étapes) — ainsi qu'un ensemble de règles non négociables, un workflow de routage, un processus de synthèse, un decision ledger, et des quality gates anti-AI-slop. Des fichiers de référence complémentaires (typographie, couleur, motion, icons, copywriting, etc.) sont référencés dans references/ et font partie intégrante du skill.
Fonctionnement
Lorsqu'un agent reçoit une tâche de design — landing page, dashboard, composant, refonte, polish CSS — ce skill lui impose de former un brief, de rechercher des styles visuels, d'extraire des patterns depuis des écrans réels, et de verrouiller une direction de référence avant de coder ou de générer quoi que ce soit. Le principe central est d'éviter les défauts génériques de l'IA (palettes indigo par défaut, mises en page hero → features → pricing → FAQ, typographies décoratives injustifiées) en ancrant chaque décision dans une preuve issue de Refero ou du brief utilisateur.
Installation et prérequis
Le skill s'installe via les marketplaces de Claude Code, Codex, Gemini CLI ou Cursor, ou manuellement en copiant le dossier skills/refero-design/ entier (avec ses references/) dans le répertoire skills du client. Aucun compte n'est requis pour les références craft intégrées ; la recherche live Refero nécessite une connexion OAuth à https://api.refero.design/mcp. La commande d'ajout standalone est npx skills add https://github.com/referodesign/refero_skill --skill refero-design.