web-design
Turn PRDs, URLs, or screenshots into polished web pages
All Skills in This Repository (2)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install web-design?▼
Run `npx skills add KAOPU-XiaoPu/web-design --all -g -y` in your terminal to install the skill globally for your AI agent.
How to turn a PRD into a web page with AI?▼
Give the skill your PRD, a reference URL, or a screenshot, and it first writes a DESIGN.md spec, then generates the full page code that follows it.
Can AI copy the style of an existing website?▼
Yes. It crawls any reference URL to extract colors, fonts, and motion, or loads one of 58 built-in brand design systems like Apple, Linear, or Airbnb.
Does web-design work with Claude Code?▼
Yes. It is built as a standard SKILL.md that Claude Code auto-discovers, and it also works in other agents that support the SKILL.md format.
Can non-designers use web-design?▼
Yes. You describe the style in plain words or share a link, approve the generated design spec, and the agent handles all visual and code decisions.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video