Web Interface Guidelines
01A concise, agent-readable checklist of what a well-built web interface must get right.
excellent agent friendlinessGuideFreeOpen sourceStaff pickUsed by me
All collections
Collection 10 resources
Best resources for designing with Claude Code
The MCP servers, skills and guidelines that make a coding agent produce better-looking work.
Coding agents are only as good as their context. These are the things worth setting up before you ask for a single screen: fresh docs, a browser so the agent can see its own work, a component registry it can install from, and a rules file that spells out what "good" means. Most of it works in Cursor and Codex too.
For agents: this collection as markdown
Web Interface Guidelines shadcn MCP server 
shadcn MCP server
02Let your agent browse, search and install components from any shadcn registry.
excellent agent friendlinessMCP serverFreeOpen sourcePlaywright MCP 
Playwright MCP
03Give your agent a browser so it can see and test what it built.
excellent agent friendlinessMCP serverFreeOpen sourceStaff pickUsed by meRefero Styles 
Refero Styles
04DESIGN.md files extracted from 2,000+ real product websites, written for agents.
excellent agent friendlinessCollectionTypeUI 
TypeUI
05Design skills, UI prompts and a shared design system, handed to your agent over MCP.
excellent agent friendlinessMCP serverVercel Agent Skills 
Vercel Agent Skills
06Installable skills that teach agents React, Next.js and web design best practices.
excellent agent friendlinessAgent skillFreeOpen sourceStaff pickAnthropic Skills 
Anthropic Skills
07Anthropic's public skills repository, including skills for front-end and design work.
excellent agent friendlinessAgent skillFreeOpen sourceChrome DevTools MCP 
Chrome DevTools MCP
08Let your agent inspect, debug and profile a live Chrome tab.
excellent agent friendlinessMCP serverFreeOpen sourceUI/UX Pro Max 
UI/UX Pro Max
09A popular open-source design-intelligence skill with styles, palettes and font pairings for agents.
excellent agent friendlinessAgent skillFreeOpen sourceChecklist Design 
Checklist Design
10Checklists of what every common screen and component should include.
good agent friendlinessGuideFreeStaff pick