baoyu-design
baoyu-design is an Agent Skill that produces UI mockups, prototypes, wireframes and slide decks as HTML files inside a local coding agent, for designers and builders who want to skip a hosted design website.
What it is good for
- Creating UI mockups and prototypes from a written brief
- Making landing pages and slide decks as standalone HTML files
- Editing a design by pointing at elements in a live browser preview
- Keeping design files in your own project folder
At a glance
- Who it is for
- Setup
- Install a desktop app or browser extension
Level 3 of 5. Download and install it like any other app or extension.
- Cost
- Free and open source
- Type
- Skill or plugin
- Tasks
- Works with
- Cursor, Claude Code, Claude Desktop, Codex, Claude Opus
Momentum
- Rank this week
- #49
- Best rank
- #49 week 44, 2026
- Stars gained last week
- +1,343
- GitHub stars
- 5,847
GitHub numbers as of Nov 2, 2026. Updated weekly.
Ranking history
Official links
Setup steps are on the official pages. We do not repeat them here, since they change.
Questions
- Is baoyu-design free?
- Yes. It is free and open source.
- Do I need to know how to code to use baoyu-design?
- No. Download and install it like any other app or extension.
- What does baoyu-design work with?
- According to its own documentation, it works with Cursor, Claude Code, Claude Desktop, Codex, and Claude Opus.
- What is baoyu-design good for?
- Creating UI mockups and prototypes from a written brief, making landing pages and slide decks as standalone HTML files, editing a design by pointing at elements in a live browser preview, and keeping design files in your own project folder.
Similar agents
- effective-html
Effective HTML is a set of skills that helps AI agents create self-contained HTML wireframes, prototypes, plans, and diagrams for designers and developers.
- Open Design
Open Design is a local-first, open source design workspace where teams and AI coding agents build prototypes, slides, images, and videos together.
- Huashu Design
Huashu Design is a skill that turns a one-line request into finished designs like web pages, app prototypes, editable slides, animations, and infographics for people using Claude Code, Codex, or Cursor.
- Open Design Agent Kit
Open Design Agent Kit is a set of design skills that adds UI design, landing pages, and dashboards to the coding agent you already use.
- Kami
Kami is a skill that gives AI agents layout rules and templates to export polished PDF, PNG, and editable PowerPoint documents for writers and business users.
- Open CoDesign
Open CoDesign is a desktop app that turns prompts into prototypes, slide decks, and PDFs using the AI model you already pay for.