Agentic Design System
Autore di linee guida per sistemi di design con token di brand fissi e una checklist di QA
Promosso
Cosa fa
Autore di linee guida per sistemi di design pronte per l'implementazione nello stile del brand Agentic: token di colore/tipo/spaziatura fissi, stati dei componenti richiesti, criteri di accettazione WCAG 2.2 AA e una checklist di QA per la revisione del codice. Si attiva quando si scrivono specifiche di componenti o un linguaggio di design per un'interfaccia utente di prodotto conversazionale e AI-first.
Rapporto di test
Eseguito su una specifica Button rispetto a una baseline senza skill: la tabella dei token forzata della skill più il suo gate 'flag aesthetics-vs-accessibility conflicts' ha rivelato che il suo colore primario del brand #FF5701 ha un rapporto di contrasto di soli 3.17:1 sul bianco e fallisce il contrasto del testo WCAG AA, un difetto che la semplice specifica baseline ha mancato. Output genuinamente più strutturato e testabile; il punto debole è la descrizione del frontmatter, che sembra un archetipo di UI e non dice mai 'design system', quindi rischia di attivarsi erroneamente su compiti di codifica agentica.
Testato il: 2026-07-18 · Claude Code 2.x (agent harness)
Installazione
git clone https://github.com/bergside/awesome-design-skills.git mkdir -p ~/.claude/skills cd awesome-design-skills && cp -r skills/agentic ~/.claude/skills/agentic
Comandi e prompt di esempio
/agenticAutore di linee guida per sistemi di design con token di brand fissi e una checklist di QA
Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):
I need token-based design guidelines for a primary button in our AI chat UI.Can you write component specs for a delegated-task agent interface?Help me draft a design system for my conversational AI product's UI.