Agentic Design System
Auteur de lignes directrices de système de design avec des tokens de marque fixes et une checklist QA
Testé · Fonctionne
Ce que fait
Rédige des lignes directrices de système de design prêtes à l'implémentation dans le style de marque Agentic : tokens de couleur/typographie/espacement fixes, états de composants requis, critères d'acceptation WCAG 2.2 AA, et une checklist QA de revue de code. Se déclenche lors de la rédaction de spécifications de composants ou d'un langage de design pour une interface utilisateur de produit conversationnelle et axée sur l'IA.
Rapport de test
Exécuté sur une spécification de Button par rapport à une base sans compétence : la table de tokens forcée de la compétence et sa porte 'flag aesthetics-vs-accessibility conflicts' ont révélé que sa propre couleur primaire de marque #FF5701 n'atteint que 3.17:1 sur blanc et échoue au contraste de texte WCAG AA, un défaut que la spécification de base simple a manqué. Sortie véritablement plus structurée et testable ; le point faible est la description du frontmatter, qui ressemble à un archétype d'interface utilisateur et ne dit jamais 'design system', risquant ainsi de se déclencher à tort sur des tâches de codage agentic.
Testé le: 2026-07-18 · Claude Code 2.x (agent harness)
Installation
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
Commandes et exemples de prompts
/agenticAuteur de lignes directrices de système de design avec des tokens de marque fixes et une checklist QA
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
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.