Jak używać
- Skopiuj polecenie instalacji i sprawdź źródła przed instalacją we własnym środowisku agenta.
- W oryginale sprawdź wymagane narzędzia, dane dostępowe i obsługiwane środowiska.
- Opisz dane wejściowe i oczekiwany rezultat; porównaj wynik ze źródłami.
npx skills add https://github.com/podo/design-agent-skills --skill awesome-design-skillsPrzed rozpoczęciem
- Instalacja nie obejmuje subskrypcji modelu, limitu API ani uprawnień do plików.
- Gwiazdki i instalacje pokazują aktywność, a nie niezależny test jakości lub bezpieczeństwa.
Treść z repozytorium z zachowaniem nagłówków, przykładów, kodu, tabel, linków i obrazów.
awesome-design-skills
Catalogue stub — full registry: bergside/awesome-design-skills
Install a style skill
Browse available skills:
npx typeui.sh listInstall a specific style:
npx typeui.sh pull <slug>
# examples:
npx typeui.sh pull glassmorphism
npx typeui.sh pull brutalism
npx typeui.sh pull claymorphism
npx typeui.sh pull editorial
npx typeui.sh pull bentoSkills install to your local agents directory and are immediately available.
Available styles (67 total)
Aesthetic moods: agentic, ant, artistic, bento, bold, brutalism, cafe, claymorphism, clean, colorful, contemporary, corporate, cosmic, creative, dashboard, dithered, doodle, dramatic, editorial, elegant, energetic, enterprise, expressive, fantasy, fiction, flat, friendly, futuristic, glassmorphism, gradient, immersive, luxury, minimal, modern, mono, neobrutalism, neon, neumorphism, paper, perspective, premium, professional, publication, refined, retro, riso, simple, sketch, skeuomorphism, sleek, spacious, storytelling, vibrant, vintage, and more.
What it does
Each skill in the registry includes:
- SKILL.md — agent instructions: token palette, component rules, accessibility constraints, quality gates
- DESIGN.md — human-readable rationale: brand mission, style foundations, do/don't patterns
The agent reads both files to apply the aesthetic consistently across any UI task — colors, typography, spacing, shadows, motion, tone of voice.
When NOT to use
- Functional design tooling (Figma, tokens, accessibility audits) — use the relevant tool skill
- Brand-specific tokens for a real product — use
design-tokens-skillor author your own DESIGN.md - Material Design 3 / platform HIG — use
material-3-skillorplatform-design-skills
