web-design

About web-design

web-design A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second. ✨ What it does Feed the SKILL a PRD, a reference URL, or a screenshot — any combination works. It produces a readable, editable, portable first. Only then does it generate the web code. The result: UI, visuals, motion, and responsiveness that all land. Consistent across pages, portable across AI tools, editable by hand. 🧭 How it works Phase A · Understand. Extracts design cues from PRD / URL / screenshot / keywords / brand name.

Quick Facts

Compatible Skills

These tools work well together with web-design for enhanced workflows:

• web-design — semantic(1.00)+rare_topics+same_lang+similar_pop+shared_platform (75%)
• claude-skills — semantic(0.23)+complementary+rare_topics+same_lang+similar_pop+shared_platform (62%)
• skills — semantic(0.30)+complementary+same_lang+similar_pop+shared_platform (60%)
• anything-to-notebooklm — semantic(0.25)+complementary+same_lang+similar_pop+shared_platform (59%)
• qiaomu-anything-to-notebooklm — semantic(0.25)+complementary+same_lang+similar_pop+shared_platform (59%)

More Claude Skill Tools

Explore other popular claude skill tools:

• skills ⭐ 157.3k
• claude-code ⭐ 136.8k
• claude-mem ⭐ 86.4k
• caveman ⭐ 82.6k
• Understand-Anything ⭐ 71.9k
• oh-my-openagent ⭐ 65.3k
• get-shit-done ⭐ 63.8k
• Pake ⭐ 59.6k
• codegraph ⭐ 58.3k
• Understand-Anything ⭐ 49.9k

Popular Python Agent Tools

• hermes-agent ⭐ 211.4k · Codex Skill
• AutoGPT ⭐ 185.4k · Agent Tool
• skills ⭐ 157.3k · Claude Skill
• langflow ⭐ 151.4k · Agent Tool
• open-webui ⭐ 143.9k · MCP Server

Frequently Asked Questions