Repository
xiaopu-ai/web-design agent skills
- skill
- 1
- GitHub stars
- 783
GitHub description: “A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second. ”
- Stars
- 783 (79 forks)
- Licence
- MIT
- Last push
- Jun 2026
- Created
- Apr 2026
- Homepage
- xiaopu-ai.github.io/web-design
- claude-code
- claude-skill
- design-system
- web-design
- we-b
- webdesign
- xiaopu
Install all skills
npx skills add xiaopu-ai/web-designAdd --skill <name> for a single skill and -a <agent> to choose the agent (see the agent guides).
Skills in xiaopu-ai/web-design, ranked
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX… | xiaopu-ai/ | 783 | — | ~3k | Automated safety check: Pass | MIT | 3 mo ago |
Questions, answered from the data.
What is the best skill in xiaopu-ai/web-design?
Web Design from xiaopu-ai/web-design ranks first of the 1 skills in xiaopu-ai/web-design listed here, with the highest score: its repository has 783 GitHub stars, its SKILL.md loads about 3k tokens and it passes the automated safety check with no findings.
Are the skills in xiaopu-ai/web-design official?
None yet. All 1 skills in xiaopu-ai/web-design listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.
How do I install all skills from xiaopu-ai/web-design?
Run npx skills add xiaopu-ai/web-design in your project: the open-source skills CLI installs the repository's skills into your coding agent's skills folder. To install a single skill, open its page here for the exact command.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.