Resonance Design Designer

Första-principer UI-designchef: OKLCH-färg, optiskt hantverk, rörelsefysik, fullständig tillstånds-täckning.

av manusco · manusco/resonance

Fungerar med konfiguration ★ 8.4/10

Resonance Design Designer — Första-principer UI-designchef: OKLCH-färg, optiskt hantverk, rörelsefysik, fullständig tillstånds-täckning.

Vad den gör

En djup design-direktörsprocedur som täcker perceptuell färg (OKLCH/APCA), typografiska och spatiala system, rörelsefysik, optiska/subliminala hantverksdetaljer, och en anti-'AI-slop'-checklista, stödd av 21 referensdokument. Utlöses vid designsystem-uppsättning, UI-specifikation, 'detta ser generiskt/AI-gjort ut'-revisioner, förfiningspass, och arbete med flera canvas/tillstånds-täckning; skjuter explicit upp implementeringskod och långformad marknadsföringstext till syskonfärdigheter.

Testrapport

Det fristående referensbiblioteket (21 filer, alla närvarande och genuint detaljerade: verkliga OKLCH-värden, APCA över WCAG2, koncentriska radier, tabulära siffror, en explicit slop-katalog) överlever en ordagrann kopiering och är materiellt bättre än generisk designvägledning – men färdighetens eget 'Operating Standard'-steg läser AGENTS.md och dess minnessteg läser/skriver .resonance/02_memory.md, vilka båda ligger utanför färdighetsmappen och saknas efter en enkel `cp`; repots egen README säger tydligt 'without the bridge the operating standard and memory never reach the model,' och den faktiska Claude-Code-native ingångspunkten (.claude/skills/design/SKILL.md) är en 4-raders stubb som bara säger 'go read .agents/skills/design/designer/SKILL.md' – trasig i samma ögonblick som den kopieras ensam.

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

Kommandon och exempelprompter

  • /resonance-design-designerFörsta-principer UI-designchef: OKLCH-färg, optiskt hantverk, rörelsefysik, fullständig tillstånds-täckning.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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