Design Skills
as a Knowledge System
Browse base skills, inspect shared fundamentals, and package custom skill archives from a YAML-backed design knowledge system built for AI UI generation.
YAML Catalog
Design Skills Collection
6 base skills currently exposed from the catalog. Each one can be inspected as a reference system or used as the starting point for a custom skill package.
Brutalism Interface System
Generate bold UI with hard outlines, confrontational hierarchy, and memorable task-oriented composition.
Glassmorphism Product Layers
Generate layered translucent UI with frosted surfaces, luminous gradients, and disciplined readability.
Material Design Adaptive
Generate product UI with tokenized surfaces, adaptive elevation, measured motion, and practical, accessible hierarchy.
Clarity UI
Focused Canvas
Noise
Low
Spacing
88
Preview form
Minimal Clarity System
Generate refined, restrained product UI with strong whitespace, quiet hierarchy, and disciplined component reuse.
Neon Cyberpunk Control Grid
Generate dark, high-energy interfaces with neon highlights, grid-based framing, and strong control-room hierarchy.
Pixel Art Interface Kit
Generate retro 8-bit interfaces with crisp pixels, limited palettes, and gamified but usable interaction patterns.
Black + Blue
How it Works
Get started in minutes. No complex setup required.
Download a Skill
Browse our collection and download the design skill that matches your project's aesthetic.
Load into AI
Import the skill file into your AI tool. Compatible with v0, Cursor, and other AI assistants.
Generate UI
Ask your AI to create components. It will follow the design system automatically.
Ship Faster
Get consistent, professional UIs without manually enforcing design guidelines.
Ready to Transform Your AI Workflow?
Join thousands of developers using AI Design Skills to ship beautiful products faster. Open source and free to use.
