web-design

Skill

Claude Code skill for designing consistent web pages following a spec-first, code-second approach with design system principles.

by KAOPU-XiaoPu·KAOPU-XiaoPu/web-design·Python·v0.1.0

50· C

Install

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

Stars

457

7d change

—

Downloads / week

—

Last active

today

About

A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.

Feed the SKILL a PRD, a reference URL, or a screenshot — any combination works. It produces a readable, editable, portable `DESIGN.md` 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.