Agentic Design System
Autor wytycznych systemu projektowego z ustalonymi tokenami marki i listą kontrolną QA
Testowano · Działa
Co robi ten skill
Tworzy gotowe do implementacji wytyczne systemu projektowego w stylu marki Agentic: ustalone tokeny kolorów/typografii/odstępów, wymagane stany komponentów, kryteria akceptacji WCAG 2.2 AA oraz lista kontrolna QA do przeglądu kodu. Uruchamia się podczas pisania specyfikacji komponentów lub języka projektowania dla konwersacyjnego interfejsu użytkownika produktu opartego na AI.
Raport z testu
Uruchomiono na specyfikacji Button w porównaniu z bazą bez umiejętności: wymuszona tabela tokenów umiejętności oraz jej bramka 'flag aesthetics-vs-accessibility conflicts' ujawniły, że jej własny podstawowy kolor marki #FF5701 osiąga tylko 3.17:1 na białym tle i nie spełnia kryteriów kontrastu tekstu WCAG AA, co jest defektem pominiętym w zwykłej specyfikacji bazowej. Wynik jest autentycznie bardziej ustrukturyzowany i testowalny; słabym punktem jest opis frontmatter, który brzmi jak archetyp UI i nigdy nie wspomina o 'design system', więc ryzykuje błędne uruchomienie w zadaniach kodowania agentowego.
Testowano: 2026-07-18 · Claude Code 2.x (agent harness)
Instalacja
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
Komendy i przykładowe prompty
/agenticAutor wytycznych systemu projektowego z ustalonymi tokenami marki i listą kontrolną QA
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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.