A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.
{
"mcpServers": {
"web-design": {
"command": "node",
"args": ["/path/to/web-design/dist/index.js"]
}
}
}~/Library/Application Support/Claude/claude_desktop_config.json (Mac) or %APPDATA%\Claude\claude_desktop_config.json (Windows).<placeholder> values with your API keys or paths.Skills overview
What people ask about web-design
What is KAOPU-XiaoPu/web-design?
+
KAOPU-XiaoPu/web-design is skills for the Claude AI ecosystem. A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second. It has 200 GitHub stars and was last updated 10d ago.
How do I install web-design?
+
You can install web-design by cloning the repository (https://github.com/KAOPU-XiaoPu/web-design) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.
Is KAOPU-XiaoPu/web-design safe to use?
+
KAOPU-XiaoPu/web-design has not been audited yet by our security agent. Review the original repository on GitHub before using it in production.
Who maintains KAOPU-XiaoPu/web-design?
+
KAOPU-XiaoPu/web-design is maintained by KAOPU-XiaoPu. The last recorded GitHub activity is from 10d ago, with 1 open issues.
Are there alternatives to web-design?
+
Yes. On ClaudeWave you can browse similar skills at /categories/skills, sorted by popularity or recent activity.
Deploy web-design to your cloud
Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.
Maintain this repo? Add a badge to your README
Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.
[](https://claudewave.com/repo/kaopu-xiaopu-web-design)<a href="https://claudewave.com/repo/kaopu-xiaopu-web-design"><img src="https://claudewave.com/api/badge/kaopu-xiaopu-web-design" alt="Featured on ClaudeWave — KAOPU-XiaoPu/web-design" width="320" height="64" /></a>More Skills
A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows
omo; the best agent harness - previously oh-my-opencode
A cross-platform desktop All-in-One assistant tool for Claude Code, Codex, OpenCode, openclaw & Gemini CLI.
Installable GitHub library of 1,400+ agentic skills for Claude Code, Cursor, Codex CLI, Gemini CLI, Antigravity, and more. Includes installer CLI, bundles, workflows, and official/community skill collections.
Claude Code skill implementing Manus-style persistent markdown planning — the workflow pattern behind the $2B acquisition.
A set of ready to use Agent Skills for research, science, engineering, analysis, finance and writing.