AI DS Composer
Uvažuje nad metadaty designového systému k sestavení UI z existujících komponent namísto vymýšlení nového kódu.
Otestováno · Funguje
Co umí
Vede Claude k čtení hierarchických metadat designového systému projektu (filozofie nejvyšší úrovně, metadata souborů pro atom/molekulu/organismus) a k výběru komponent, variant a props citováním selectionCriteria namísto intuice. Spouští se při generování nebo úpravě UI komponent/rozvržení, kde záleží na opětovném použití a dodržování existujícího designového systému, a explicitně označuje anti-vzory a nezmapované požadavky namísto tichého vymýšlení komponent.
Testovací report
Požádal jsem o výrazné hero CTA tlačítko na /pricing: základní odpověď pouze vygenerovala <Button href> bez dalšího přemýšlení, zatímco dovednost odhalila přibalený anti-vzor ('Button for plain navigation → use Link') a poté explicitně uvažovala o zdokumentované výjimce pro primární hero CTA před zachováním Button — rozhodnutí, které základní verze nikdy ani nezvážila.
Testováno: 2026-07-14 · Claude Code 2.x (agent harness)
Instalace
git clone https://github.com/cris-achiardi/claude-skills cd claude-skills mkdir -p ~/.claude/skills cp -r skills/ai-ds-composer ~/.claude/skills/ai-ds-composer
Příkazy a ukázkové prompty
/ai-ds-composerUvažuje nad metadaty designového systému k sestavení UI z existujících komponent namísto vymýšlení nového kódu.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
I need a button for the hero section, what fits our design system?Build this card using our existing design system componentsDoes this new Modal fit our design system or should I reuse something?