Resonance Design Designer

Ředitel UI designu z prvních principů: barvy OKLCH, optické řemeslo, fyzika pohybu, plné pokrytí stavů.

od manusco · manusco/resonance

Funguje s nastavením ★ 8.4/10

Resonance Design Designer — Ředitel UI designu z prvních principů: barvy OKLCH, optické řemeslo, fyzika pohybu, plné pokrytí stavů.

Co umí

Hloubková procedura designového ředitele pokrývající percepční barvy (OKLCH/APCA), typografické a prostorové systémy, fyziku pohybu, optické/podvědomé detaily řemesla a anti-'AI-slop' kontrolní seznam, podpořená 21 referenčními dokumenty. Spouští se na nastavení designového systému, specifikaci UI, audity 'vypadá to genericky/AI-vytvořeně', průchody vylepšení a práci s více plátny/pokrytím stavů; explicitně odkládá implementační kód a dlouhý marketingový text na sourozenecké skilly.

Testovací report

Samostatná referenční knihovna (21 souborů, všechny přítomné a skutečně detailní: skutečné hodnoty OKLCH, APCA přes WCAG2, koncentrické poloměry, tabulkové číslice, explicitní katalog slop) přežije doslovnou kopii a je podstatně lepší než obecné designové pokyny — ale vlastní krok 'Operating Standard' skillu čte AGENTS.md a jeho paměťový krok čte/zapisuje .resonance/02_memory.md, přičemž oba žijí mimo složku skillu a chybí po prostém `cp`; vlastní README repozitáře jasně říká 'bez mostu se operační standard a paměť nikdy nedostanou k modelu,' a skutečný Claude-Code-nativní vstupní bod (.claude/skills/design/SKILL.md) je 4-řádkový stub, který pouze říká 'go read .agents/skills/design/designer/SKILL.md' — rozbitý v okamžiku, kdy je zkopírován samostatně.

Testováno: 2026-07-14 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

  • /resonance-design-designerŘeditel UI designu z prvních principů: barvy OKLCH, optické řemeslo, fyzika pohybu, plné pokrytí stavů.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • 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