Resonance Design Designer

Første-principper UI design-direktør: OKLCH farve, optisk håndværk, bevægelsesfysik, fuld state-dækning.

Af manusco · manusco/resonance

Virker med opsætning ★ 8.4/10

Resonance Design Designer — Første-principper UI design-direktør: OKLCH farve, optisk håndværk, bevægelsesfysik, fuld state-dækning.

Hvad det gør

En dyb design-direktør procedure, der dækker perceptuel farve (OKLCH/APCA), typografiske og rumlige systemer, bevægelsesfysik, optisk/underbevidst håndværksdetalje og en anti-'AI-slop'-tjekliste, understøttet af 21 referencedokumenter. Udløses ved design-system opsætning, UI-specifikation, 'dette ser generisk/AI-lavet ud'-audits, forfinelsespas og multi-canvas/state-dækning arbejde; udskyder eksplicit implementeringskode og langformet marketingtekst til søskende-skills.

Testrapport

Det selvstændige referencebibliotek (21 filer, alle til stede og ægte detaljerede: reelle OKLCH-værdier, APCA over WCAG2, koncentriske radier, tabulære tal, et eksplicit slop-katalog) overlever en ordret kopi og er materielt bedre end generisk designvejledning — men skillens egen 'Operating Standard'-trin læser AGENTS.md og dens hukommelsestrin læser/skriver .resonance/02_memory.md, som begge ligger uden for skill-mappen og er fraværende efter en simpel `cp`; repoets egen README siger tydeligt 'without the bridge the operating standard and memory never reach the model,' og det faktiske Claude-Code-native indgangspunkt (.claude/skills/design/SKILL.md) er en 4-linjers stub, der blot siger 'go read .agents/skills/design/designer/SKILL.md' — brudt i det øjeblik det kopieres alene.

Testet: 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

Kommandoer og eksempelprompter

  • /resonance-design-designerFørste-principper UI design-direktør: OKLCH farve, optisk håndværk, bevægelsesfysik, fuld state-dækning.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • This UI looks generic and AI-made, give it a real design pass
  • Set up an OKLCH color system and full state coverage for this app
  • Audit my design system against an anti-slop checklist