AcademySkillsDesign and media

baoyu-design

Design and product teams that want quick mockups and prototypes made inside their own editor.

  • Recommendedour rating
  • 4,280gitHub stars
  • MITlicence
  • 18 days agolast update
git clone https://github.com/JimLiu/baoyu-design.git
README.md

Loading the file...

What it does

An agent skill that brings the Claude Design workflow to a local agent such as Claude Code or Cursor. It produces UI mockups, interactive prototypes, wireframes, landing pages, dashboards and slide decks as self-contained HTML files stored in your repo.

Use cases

  1. 01Draft a landing page mockup as a single HTML file
  2. 02Build an interactive prototype of a dashboard
  3. 03Produce a slide deck for an internal review

Questions about
baoyu-design.

What is baoyu-design used for?

Design and product teams that want quick mockups and prototypes made inside their own editor. An agent skill that brings the Claude Design workflow to a local agent such as Claude Code or Cursor. It produces UI mockups, interactive prototypes, wireframes, landing pages, dashboards and slide decks as self-contained HTML files stored in your repo.

How do I install baoyu-design?

Run this in your terminal: git clone https://github.com/JimLiu/baoyu-design.git

Is baoyu-design open source?

Yes. The code is on GitHub (JimLiu/baoyu-design) under the MIT licence.

Is baoyu-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.