Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
xiaopu-ai avatar

Web Design

  • 606 repo stars
  • Updated June 24, 2026
  • xiaopu-ai/web-design

Transform product requirements, references, or mockups into production-ready, responsive web designs with full UI/UX specs

About

Web Design Skill generates production-ready web designs from PRDs, references, screenshots, or keywords. Solo builders use it to jump from requirements to pixel-perfect designs for landing pages, portfolios, SaaS sites, and blogs.

  • PRD to design specification
  • Reference-based design generation
  • Landing page and product page specialization
  • Full responsive design with animations
  • UI/UX and visual design systems

Web Design by the numbers

  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/xiaopu-ai/web-design --skill SKILL.md

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
repo stars606
Last updatedJune 24, 2026
Repositoryxiaopu-ai/web-design

What it does

Transform product requirements, references, or mockups into production-ready, responsive web designs with full UI/UX specs

Who is it for?

Rapid design-to-code for marketing and product sites

Skip if: Backend logic, data processing, or pure logic implementation

What you get

  • DESIGN.md specification
  • responsive web code

By the numbers

  • Supports landing pages, portfolios, SaaS sites, blogs, product pages

Related skills

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.