Agent skillsDesign
Design skills for interfaces, motion and diagrams
Frontend Design steers the agent off templated pages and has it plan colour, type and layout first. UI UX Pro Max picks a style and palette for the product's industry, Impeccable adds audit and polish commands, and Diagram Design draws diagrams in your brand colours as a single HTML file.
- skills on the shelf
- 9
- stars on GitHub
- 750.4K
Every skill on the shelf
9 skills
- #1183.4K
Frontend Design
anthropics/skills
Steers the agent off templated UI toward palette, type and layout fitted to the brief
DesignSingle skill
- #2139.7K
UI UX Pro Max
nextlevelbuilder/ui-ux-pro-max-skill
Picks style, palette, fonts and page structure to match your product's industry
Design7 skills in the pack
- #3101.8K
Taste Skill
Leonxlnx/taste-skill
Art direction for coding agents: a chosen direction, real photos and a browser check
DesignSingle skill
- #488.5K
Archify
tt-a1i/archify
Turns a system description or a repository into an interactive diagram in one HTML file
DesignSingle skill
- #585.8K
Impeccable
pbakaus/impeccable
24 design commands for your agent: audit, critique, polish and live browser iteration
DesignSingle skill
- #660.5K
Diagram Design
cathrynlavery/diagram-design
Editorial diagrams in your brand colours: one HTML file with inline SVG, 45 types
DesignSingle skill
- #749.2K
Apple Design
emilkowalski/skills
Apple's fluid interface principles from WWDC talks, translated into CSS and JavaScript
DesignSingle skill
- #832.9K
web-design-guidelines
vercel-labs/agent-skills
Audits UI code against 100+ Vercel rules for accessibility, performance and UX
DesignSingle skill
- #98.6K
Stitch Design Skills
google-labs-code/stitch-skills
Skills for Google Stitch: screens from text, DESIGN.md files and designs turned into React
Design16 skills in the pack
Stars as of 24 October 2026
Questions
Which Claude Code skill is best for web design?
Start with Anthropic's Frontend Design, which names the usual tells of AI-built pages and rules them out. Impeccable grew out of it and adds audit, critique and polish commands, while Taste Skill offers a choice of art directions.
Is there a skill that checks UI accessibility?
Vercel's web-design-guidelines checks UI code against the latest Web Interface Guidelines, including aria labels, focus rings and prefers-reduced-motion, and reports findings as file:line.
Can an agent draw an architecture diagram?
Archify turns a system description, Mermaid or the repository itself into an interactive diagram in one HTML file. Diagram Design draws editorial diagrams in inline SVG using your brand colours.
Other shelves
- 12
Coding
Superpowers · Skills For Real Engineers · Ponytail
- 3
Mobile apps
Dimillian/Skills · Expo Skills · Callstack Agent Skills
- 4
Video
HyperFrames · brag · video-shotcraft
- 4
Documents
docx · pdf · pptx
- 3
SEO
Claude SEO · GEO-SEO Claude · Open SEO MCP Skills
- 7
Marketing and product
Humanizer · Marketing Skills · PM Skills Marketplace
- 9
Research and web
Agent Reach · Scientific Agent Skills · Obsidian Skills
- 6
Platforms and APIs
Deploy to Vercel · gws (Google Workspace CLI) · Hugging Face Skills
- 2
Security
SkillSpector · Trail of Bits Skills
- 12
Agent workflow
Skill Creator · caveman · i-have-adhd