# Baoyu Design (agent skill)

> Baoyu Design is an agent skill (a SKILL.md file) from JimLiu/baoyu-design. Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a. It works with Claude Code, Codex, Cursor and GitHub Copilot and has 4,258 GitHub stars.

Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a. PPT / PowerPoint presentations), documents and résumés, animations, 3D objects, research reports, HTML email, diagrams, fliers, and visual explorations.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/JimLiu/baoyu-design |
| Skill path | skills/baoyu-design/SKILL.md |
| Skill name | baoyu-design |
| GitHub stars | 4,258 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 1 |
| Plugin marketplace | no |
| Official | no |
| Works with | Claude Code, Codex, Cursor, GitHub Copilot |
| Category | Design & frontend |
| Last commit | Sep 23, 2026 |

## When it triggers

- Use whenever the user asks to design, mock up, prototype, wireframe, visualize, explore, or make a PPT/deck for an interface, product screen, user flow, content layout, visual artifact, or pitch/deck concept, even if they do not say "design
- use for setting up, importing, or authoring reusable design systems, UI kits, brand tokens, or component libraries.
- "design"

## Add this skill

### Claude Code

```sh
git clone --depth 1 https://github.com/JimLiu/baoyu-design.git
cp -r baoyu-design/skills/baoyu-design ~/.claude/skills/baoyu-design   # personal, or .claude/skills in a project
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/JimLiu/baoyu-design.git
cp -r baoyu-design/skills/baoyu-design .agents/skills/baoyu-design   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/JimLiu/baoyu-design.git
cp -r baoyu-design/skills/baoyu-design .cursor/skills/baoyu-design   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/jimliu-baoyu-design
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.