SkillProof tested Claude skills

Resonance Design Designer

Direttore di UI design basato sui primi principi: colore OKLCH, arte ottica, fisica del movimento, copertura completa dello stato.

di manusco · manusco/resonance

Richiede configurazione ★ 8.4/10

Resonance Design Designer — Direttore di UI design basato sui primi principi: colore OKLCH, arte ottica, fisica del movimento, copertura completa dello stato.

Cosa fa

Una procedura approfondita di direttore di design che copre il colore percettivo (OKLCH/APCA), sistemi tipografici e spaziali, fisica del movimento, dettagli di artigianato ottico/subconscio e una checklist anti-'AI-slop', supportata da 21 documenti di riferimento. Si attiva su configurazione di design system, specifica UI, audit 'questo sembra generico/fatto dall'AI', passaggi di raffinamento e lavoro su più canvas/copertura dello stato; rimanda esplicitamente il codice di implementazione e il testo di marketing lungo a skill sorelle.

Rapporto di test

La libreria di riferimento autocontenuta (21 file, tutti presenti e genuinamente dettagliati: valori OKLCH reali, APCA su WCAG2, raggi concentrici, numeri tabulari, un catalogo esplicito di slop) sopravvive a una copia verbatim ed è materialmente migliore della guida di design generica — ma il passaggio 'Operating Standard' della skill stessa legge AGENTS.md e il suo passaggio di memoria legge/scrive .resonance/02_memory.md, entrambi i quali vivono al di fuori della cartella della skill e sono assenti dopo un semplice `cp`; il README del repo stesso afferma chiaramente 'without the bridge the operating standard and memory never reach the model,' e il punto di ingresso nativo di Claude-Code (.claude/skills/design/SKILL.md) è uno stub di 4 righe che dice solo 'go read .agents/skills/design/designer/SKILL.md' — rotto nel momento in cui viene copiato da solo.

Testato il: 2026-07-14 · Claude Code 2.x (agent harness)

Installazione

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

Comandi e prompt di esempio

  • /resonance-design-designerDirettore di UI design basato sui primi principi: colore OKLCH, arte ottica, fisica del movimento, copertura completa dello stato.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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

Rapporto completo →