AI DS Composer
Argumentuje poprzez metadane systemu projektowego, aby komponować interfejs użytkownika z istniejących komponentów zamiast wymyślać nowy kod.
Testowano · Działa
Co robi ten skill
Prowadzi Claude'a do odczytywania hierarchicznych metadanych systemu projektowego projektu (filozofia najwyższego poziomu, pliki metadanych dla atomów/cząsteczek/organizmów) i wybierania komponentów, wariantów i propów, powołując się na selectionCriteria, a nie na intuicję. Uruchamia się podczas generowania lub modyfikowania komponentów/układów UI, gdzie liczy się ponowne użycie i zgodność z istniejącym systemem projektowym, i wyraźnie oznacza antywzorce oraz nieprzypisane wymagania, zamiast cicho wymyślać komponenty.
Raport z testu
Poproszono o wyraźny przycisk CTA hero do /pricing: odpowiedź bazowa po prostu wyemitowała <Button href> bez dalszych przemyśleń, podczas gdy umiejętność ujawniła dołączony antywzorzec ('Button for plain navigation → use Link'), a następnie wyraźnie uzasadniła udokumentowany wyjątek dla głównych przycisków CTA hero, zanim zachowała Button — decyzję, której wersja bazowa nigdy nawet nie rozważała.
Testowano: 2026-07-14 · Claude Code 2.x (agent harness)
Instalacja
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
Komendy i przykładowe prompty
/ai-ds-composerArgumentuje poprzez metadane systemu projektowego, aby komponować interfejs użytkownika z istniejących komponentów zamiast wymyślać nowy kod.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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?