Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →

jiji262/claude-design-skill

1 skill · 1.4k installs · 170 stars · GitHub

Install

npx skills add https://github.com/jiji262/claude-design-skill

Skills in this repo

1Claude DesignThe claude-design skill guides agents producing web UI design directions, layout proposals, and component styling passes before implementation. It helps translate product requirements into typography, spacing, color roles, responsive layout notes, and component hierarchy without jumping straight to code. Agents iterate on hero sections, dashboards, forms, and marketing pages with explicit accessibility and hierarchy checks. Output is meant to inform frontend implementation skills by defining visual structure, states, and content blocks first. Use when users need design exploration, mock structure, or refinement of an existing interface concept inside Claude-assisted design workflows.1.4kinstalls
Browse by category
AI & AgentsFrontend & DesignBackend & DataDev ToolsAutomationTesting & ReviewSecurityMonitoring & CloudDocs & Planning
Design & frontend
Design systemsAnimation & motionAccessibility (a11y)CSS & TailwindUI designUXDesign to codeshadcn/uiLanding pagesBest design skills
Most searched skills
find-skillscavemanfrontend-designbrainstormingsystematic-debuggingstop-slopemil-design-engui-ux-pro-maxkarpathy-guidelinesweb-design-guidelinesreact-best-practicesgrill-meimprovemicrosoft-foundryagent-browser
Browse all listings
All agent skillsAll MCP serversAll marketplacesAll plugins

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.

jiji262/claude-design-skill · 1 skills · Skillselion