Resonance Design Designer

First-principles UI design director: OKLCH kleur, optisch vakmanschap, bewegingsfysica, volledige state coverage.

Door manusco · manusco/resonance

Werkt met setup ★ 8.4/10

Resonance Design Designer — First-principles UI design director: OKLCH kleur, optisch vakmanschap, bewegingsfysica, volledige state coverage.

Wat het doet

Een diepgaande design-director procedure die perceptuele kleur (OKLCH/APCA), typografische en ruimtelijke systemen, bewegingsfysica, optische/onderbewuste ambachtelijke details, en een anti-'AI-slop' checklist omvat, ondersteund door 21 referentiedocumenten. Activeert bij design-system setup, UI-specificatie, 'dit ziet er generiek/AI-gemaakt uit' audits, verfijningsrondes, en multi-canvas/state-coverage werk; stelt implementatiecode en lange marketingteksten expliciet uit naar zuster-skills.

Testrapport

De zelfstandige referentiebibliotheek (21 bestanden, allemaal aanwezig en echt gedetailleerd: echte OKLCH-waarden, APCA boven WCAG2, concentrische radii, tabular numerals, een expliciete slop-catalogus) overleeft een letterlijke kopie en is materieel beter dan generieke ontwerprichtlijnen – maar de eigen 'Operating Standard'-stap van de skill leest AGENTS.md en de geheugenstap leest/schrijft .resonance/02_memory.md, die beide buiten de skill-map leven en afwezig zijn na een simpele `cp`; de eigen README van de repo zegt duidelijk 'without the bridge the operating standard and memory never reach the model,' en het daadwerkelijke Claude-Code-native entry point (.claude/skills/design/SKILL.md) is een 4-regelige stub die alleen zegt 'go read .agents/skills/design/designer/SKILL.md' – kapot zodra het alleen wordt gekopieerd.

Getest op: 2026-07-14 · Claude Code 2.x (agent harness)

Installatie

git clone https://github.com/manusco/resonance
cd resonance
mkdir -p ~/.claude/skills
cp -r .agents/skills/design/designer ~/.claude/skills/resonance-design-designer

Commando's en voorbeeldprompts

  • /resonance-design-designerFirst-principles UI design director: OKLCH kleur, optisch vakmanschap, bewegingsfysica, volledige state coverage.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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