Summary
This one takes Claude from "technically correct HTML" to "actually looks good." It's built for visual deliverables: landing pages, slide decks, prototypes, dashboards, animations. The workflow is unusually thorough. It requires fact-checking via web search before building anything (especially for branded work or recent products), pulls design tokens from codebases and style guides instead of guessing, and has a whole asset protocol for brand work that prioritizes logos and real product imagery over hex codes. If you're tired of functional-but-ugly output, or you're building something customer-facing, this is the one to load. Not for backend or CLI work.
Install to Claude Code
npx -y skills add conardli/web-design-skill --skill web-design-engineer --agent claude-codeInstalls into .claude/skills of the current project.
Fastest browser for AI agents to run web automation tasks, always free.
Download Free life-time →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →
Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →
Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →Files
SKILL.md
Select a file.
Featured
Fastest browser for AI agents to run web automation tasks, always free.
Download Free life-time →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
