Skill

web-design (xiaopu-ai)

Spec-first web page design skill for Claude Code

View on GitHub★ 788 stars, as of 2026-10-16

Install

git clone https://github.com/KAOPU-XiaoPu/web-design ~/.claude/skills/web-design

README clones from KAOPU-XiaoPu/web-design (differs from listing URL).

Taken from the project README. Check the source for the latest instructions.

Before / after

Same standard brief both times: a landing page for Tally, a fictional budgeting app, screenshotted at 1440px. Before = no skill. After = generated by us applying the skill's published instructions to that brief. We did not run the skill inside its own agent or tooling, so results may differ from a native install. How we test

Before: Tally landing page without any skill — Before (no skill)

After: Tally landing page with web-design (xiaopu-ai) — After (with web-design (xiaopu-ai))