AcademySkillsDesign and media

web-design

Design and marketing teams that want consistent web pages built from a written design spec rather than ad hoc prompts.

  • Recommendedour rating
  • 784gitHub stars
  • MITlicence
  • 4 months agolast update
git clone https://github.com/xiaopu-ai/web-design.git
README.md

Loading the file...

What it does

A Claude Code skill that designs web pages spec first and code second. You give it a PRD, a reference URL, a screenshot, or a mix. It writes an editable DESIGN.md first and only then generates the page code, so pages stay consistent with each other.

Use cases

  1. 01Turn a product brief into a DESIGN.md for a landing page
  2. 02Match a new page to the style of a reference URL
  3. 03Build several pages that share one visual spec

Questions about
web-design.

What is web-design used for?

Design and marketing teams that want consistent web pages built from a written design spec rather than ad hoc prompts. A Claude Code skill that designs web pages spec first and code second. You give it a PRD, a reference URL, a screenshot, or a mix. It writes an editable DESIGN.md first and only then generates the page code, so pages stay consistent with each other.

How do I install web-design?

Run this in your terminal: git clone https://github.com/xiaopu-ai/web-design.git

Is web-design open source?

Yes. The code is on GitHub (xiaopu-ai/web-design) under the MIT licence.

Is web-design safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.