Resonance Design Designer
Directeur de conception UI par premiers principes : couleur OKLCH, artisanat optique, physique du mouvement, couverture complète des états.
Fonctionne avec configuration
Ce que fait
Une procédure approfondie de direction de conception couvrant la couleur perceptuelle (OKLCH/APCA), les systèmes typographiques et spatiaux, la physique du mouvement, les détails artisanaux optiques/subconscients, et une liste de contrôle anti-'AI-slop', étayée par 21 documents de référence. Se déclenche sur la mise en place de systèmes de conception, la spécification d'interface utilisateur, les audits 'ceci semble générique/fait par IA', les passes de raffinement, et le travail multi-canvas/couverture d'état ; reporte explicitement le code d'implémentation et le texte marketing long aux compétences sœurs.
Rapport de test
La bibliothèque de référence autonome (21 fichiers, tous présents et réellement détaillés : vraies valeurs OKLCH, APCA sur WCAG2, rayons concentriques, chiffres tabulaires, un catalogue explicite de 'slop') survit à une copie verbatim et est matériellement meilleure que les directives de conception génériques — mais l'étape 'Operating Standard' de la compétence lit AGENTS.md et son étape de mémoire lit/écrit .resonance/02_memory.md, tous deux se trouvant en dehors du dossier de la compétence et absents après un simple `cp` ; le README du dépôt lui-même dit clairement 'without the bridge the operating standard and memory never reach the model,' et le point d'entrée natif Claude-Code (.claude/skills/design/SKILL.md) est un stub de 4 lignes qui dit juste 'go read .agents/skills/design/designer/SKILL.md' — cassé dès qu'il est copié seul.
Testé le: 2026-07-14 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/manusco/resonance cd resonance mkdir -p ~/.claude/skills cp -r .agents/skills/design/designer ~/.claude/skills/resonance-design-designer
Commandes et exemples de prompts
/resonance-design-designerDirecteur de conception UI par premiers principes : couleur OKLCH, artisanat optique, physique du mouvement, couverture complète des états.
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
This UI looks generic and AI-made, give it a real design passSet up an OKLCH color system and full state coverage for this appAudit my design system against an anti-slop checklist