A curated collection of design-focused agent skills for frontend and UI/UX work: Tailwind systems, dark UI, motion, mobile-first layouts, high-end visual polish. This repo doesn't store the skills. It lists the best ones and gives you a single command block that installs all of them from their original authors' repos.
These aren't prompts. These are agents with taste.
Copy the whole block, paste it into your terminal from your project root, and answer the CLI's prompts. Uses the skills CLI (needs Node.js).
npx skills add emilkowalski/skills --skill animate --skill animation-vocabulary --skill apple-design --skill ask-sonner --skill emil-design-eng --skill find-animation-opportunities --skill improve-animations --skill pick-ui-library --skill prototype --skill review-animations
npx skills add Leonxlnx/taste-skill
npx skills add sickn33/agentic-awesome-skills --skill angular-ui-patterns --skill antigravity-design-expert --skill frontend-ui-dark-ts --skill magic-ui-generator --skill mobile-design --skill radix-ui-design-system --skill stitch-ui-design --skill tailwind-design-system --skill ui-ux-designer --skill ui-visual-validator
npx skills add anthropics/skills --skill frontend-design --skill canvas-design --skill theme-factory --skill brand-guidelines --skill web-artifacts-builder
npx skills add vercel-labs/agent-skills --skill web-design-guidelines
npx skills add google-labs-code/stitch-skills --skill design-md
npx skills add remotion-dev/skills --skill remotion-best-practices
npx skills add ibelick/ui-skills --skill ui-skills
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max
npx skills add https://uizze.sh/💡 Each command asks which agent(s) to install for, then places the skills where that agent auto-detects them. Want just one? Run only that line, or copy the single skill from the index below.
✅ Done. Your agent now has taste.
Everything the master command installs, grouped by what it's for.
| Skill | Source | What It Does |
|---|---|---|
animate |
emilkowalski/skills | Builds animations from scratch with correct curves and duration |
animation-vocabulary |
emilkowalski/skills | The right words to get better animations from AI |
find-animation-opportunities |
emilkowalski/skills | Finds places that should animate, and what to avoid |
improve-animations |
emilkowalski/skills | Codebase-wide animation audits with self-contained plans |
review-animations |
emilkowalski/skills | Strict, rules-based review of your UI animations |
emil-design-eng |
emilkowalski/skills | Core animation principles and opinionated design advice |
remotion-best-practices |
remotion-dev/skills | Code-driven video & animation with React |
| Skill | Source | What It Does |
|---|---|---|
design-taste-frontend (+ -v1) |
Leonxlnx/taste-skill | Opinionated aesthetic direction with real taste |
high-end-visual-design |
Leonxlnx/taste-skill | Luxury-grade, production-quality visual output |
minimalist-ui |
Leonxlnx/taste-skill | Clean editorial interfaces, warm monochrome, flat bento grids |
industrial-brutalist-ui |
Leonxlnx/taste-skill | Raw mechanical interfaces: Swiss type meets terminal aesthetics |
redesign-existing-projects |
Leonxlnx/taste-skill | Audit-first redesigns of existing UIs |
stitch-design-taste |
Leonxlnx/taste-skill | Taste rules for Google Stitch output |
gpt-taste |
Leonxlnx/taste-skill | Editorial layouts with strict GSAP scroll motion |
brandkit |
Leonxlnx/taste-skill | Brand-guideline boards and logo systems |
image-to-code |
Leonxlnx/taste-skill | Generates design images first, then implements them |
imagegen-frontend-web |
Leonxlnx/taste-skill | Section-by-section website design references |
imagegen-frontend-mobile |
Leonxlnx/taste-skill | Premium mobile app screen concepts |
full-output-enforcement |
Leonxlnx/taste-skill | Stops truncated or placeholder code output |
ui-taste |
uizze.sh | Taste-driven UI direction |
antigravity-design-expert |
sickn33/agentic-awesome-skills | Weightless, glassmorphism interfaces with GSAP and 3D CSS |
apple-design |
emilkowalski/skills | Apple's interface and fluid motion principles for the web |
frontend-design |
anthropics/skills | Distinctive, non-generic frontend design |
canvas-design |
anthropics/skills | Posters and static visual art as PNG/PDF |
theme-factory |
anthropics/skills | Themes and styling for artifacts |
brand-guidelines |
anthropics/skills | Applies a brand's colors and typography |
| Skill | Source | What It Does |
|---|---|---|
tailwind-design-system |
sickn33/agentic-awesome-skills | Tailwind design tokens, variants and responsive patterns |
radix-ui-design-system |
sickn33/agentic-awesome-skills | Radix primitives, accessibility, theming |
frontend-ui-dark-ts |
sickn33/agentic-awesome-skills | Dark React UI with Tailwind and Framer Motion |
angular-ui-patterns |
sickn33/agentic-awesome-skills | Angular loading, error and data-display patterns |
magic-ui-generator |
sickn33/agentic-awesome-skills | Generates component variations via 21st.dev Magic |
pick-ui-library |
emilkowalski/skills | Picks trusted libraries instead of hand-rolling components |
ask-sonner |
emilkowalski/skills | Sonner toast setup, styling, recipes and fixes |
design-md |
google-labs-code/stitch-skills | Turns Stitch projects into DESIGN.md specs |
stitch-ui-design |
sickn33/agentic-awesome-skills | Prompting Google Stitch for high-quality UI |
web-artifacts-builder |
anthropics/skills | Multi-component HTML artifacts with React and shadcn/ui |
| Skill | Source | What It Does |
|---|---|---|
ui-ux-pro-max |
nextlevelbuilder/ui-ux-pro-max-skill | Styles, palettes, font pairings and chart guidance |
ui-ux-designer |
sickn33/agentic-awesome-skills | Wireframes, research and accessibility-minded UX |
ui-skills |
ibelick/ui-skills | Opinionated constraints for agents building interfaces |
web-design-guidelines |
vercel-labs/agent-skills | Reviews UI code against Web Interface Guidelines |
ui-visual-validator |
sickn33/agentic-awesome-skills | Validates visual output against design principles |
prototype |
emilkowalski/skills | Builds several UI versions behind a switcher |
mobile-design |
sickn33/agentic-awesome-skills | Mobile-first, touch-first patterns |
ios-design |
uizze.sh | iOS-native design guidance |
A curated list of tools, galleries, and component libraries that pair perfectly with these skills.
| Resource | Description |
|---|---|
| refero.design | Real product UI references & design patterns |
| motionsites.ai | Motion design & animated website inspiration |
| getdesign.md | Top-tier website design styles & aesthetics |
| shadergradient.co | Beautiful animated shader gradients for backgrounds |
| horizonx.so | Premium UI kits, components & Figma resources |
| getlayers.ai | Curated gallery of real-world website designs |
| designprompts.dev | 31+ design styles with AI-ready prompts to recreate each aesthetic |
| Resource | Description |
|---|---|
| ui.aceternity.com | Production-ready UI components, blocks & templates |
| componentry.fun | Motion-first interactive components |
| skiper-ui.com | Premium web component collection |
| cult-ui.com | Components & templates with personality |
| ui.watermelon.sh | Fresh, modern component templates |
| typeui.sh | Typography-first UI system |
| 21st.dev | Community-driven component library |
| reactbits.dev · Get Started | Interactive animated components & backgrounds, plus the setup guide |
| uiverse.io | Community-built collection of open-source UI elements |
| Resource | Description |
|---|---|
| threeui.com | Copy-ready Three.js components, WebGL backgrounds, hero sections & landing page templates |
| gsap.com/showcase | Official showcase of award-winning sites built with GSAP animation |
| motion.dev | Motion (formerly Framer Motion) animation library for JavaScript, React & Vue, with docs and examples |
| Resource | Description |
|---|---|
| blog.vibecoder.me | Templates, APIs & database patterns |
| promptweb.design | Web design prompts for AI-assisted building |
| bolt.new/resources/templates | Starter templates for the Bolt AI app builder |
Found a skill worth listing?
- Fork the repo
- Add the skill to the Skill Index and its install line to the master command in Quick Setup
- Open a PR saying what the skill does and where it's installed from
Good skills are focused, opinionated, and actionable, not generic advice.
If this repo saves you time or levels up your UI output, a star goes a long way. It helps others discover these skills and keeps the collection growing.