The catalogue / 230 skills / 12 sources
Every design skill for AI coding agents.
Skills teach Claude Code, Codex and Cursor how to design. We ran all 230 of them on the same brief and screenshotted what came out. Pick the look you want, copy one command, keep working.
Start here
Twelve skills worth trying first. Every image is a real page the skill built.
By what you need
All categoriesVisual styles
One named look per skill. Pick the one you want and the agent builds in it.
Landing pages
Whole-page skills. Structure, copy and a visual system in one go.
Motion and scroll
Scroll-driven storytelling, reveals, marquees and timeline work.
3D and WebGL
Shaders, globes, particles and real 3D objects on the page.
Product surfaces
Pricing, onboarding, forms, calculators and other screens that convert.
Layout and grids
Editorial grids, framed containers and split screens.
Brand and identity
Logos, palettes, type systems and full brand guidelines.
Images and assets
Generated art, banners, canvas work and sourcing real photography.
Design systems
Tokens, component specs, theming and Figma sync.
Accessibility and quality
Audits, reviews, contrast checks and performance passes.
CSS craft
Shadows, gradients, masks and the small details that read as expensive.
UX and research
Interviews, usability tests, prototypes and interface copy.
Workflow
Capture references, turn them into prompts, and keep a design practice running.
More from the catalogue
See all
Brandkit
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations.
Brand and identity / Leon Lin
Design taste frontend v1
The original v1 taste-skill, preserved for projects depending on its exact behavior.
Landing pages / Leon Lin
Full output enforcement
Overrides default LLM truncation behavior.
Accessibility and quality / Leon Lin
Design taste frontend
Anti-slop frontend skill for landing pages, portfolios, and redesigns.
Landing pages / Leon Lin
Imagegen frontend web
Elite frontend image-direction skill for generating premium, conversion-aware website design references.
Images and assets / Leon Lin
High end visual design
Teaches the AI to design like a high-end agency.
Landing pages / Leon Lin
Gpt taste
Elite UX/UI & Advanced GSAP Motion Engineer.
Landing pages / Leon Lin
Image to code
Elite website image-to-code skill for Codex.
Images and assets / Leon Lin
Industrial brutalist UI
Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics.
Visual styles / Leon Lin
Imagegen frontend mobile
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows.
Images and assets / Leon Lin
Minimalist UI
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels.
Visual styles / Leon Lin
Stitch design taste
Semantic Design System Skill for Google Stitch.
Workflow / Leon Lin
Who wrote them
All sourcesNone of this is ours. Every skill here was written and open sourced by somebody else. Their name, their repo and their links are on every page.