# Run Claude Design-style UI prototyping locally with baoyu-design

> Use baoyu-design as a portable agent skill for local UI mockups, prototypes, decks, and design-system workflows that produce inspectable HTML artifacts.

- Skill: `agentskillexchange/run-claude-design-style-ui-prototyping-locally-with-baoyu-de` (Agent Skill)
- Install (CLI): `npx skillmds@latest add agentskillexchange/run-claude-design-style-ui-prototyping-locally-with-baoyu-de`
- Raw SKILL.md: https://api.skillmd.com/api/skills/agentskillexchange/run-claude-design-style-ui-prototyping-locally-with-baoyu-de/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: agentskillexchange (https://skillmd.com/u/agentskillexchange)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/agentskillexchange/run-claude-design-style-ui-prototyping-locally-with-baoyu-de

---


# Run Claude Design-style UI prototyping locally with baoyu-design

Use baoyu-design as a portable agent skill for local UI mockups, prototypes, decks, and design-system workflows that produce inspectable HTML artifacts.

## Prerequisites

Node.js, npx skills, a file-capable coding agent, local browser preview

## Installation

Install or set up from the source-backed instructions:

Install with npx skills add JimLiu/baoyu-design for the current project, add -g for a global install, or target a host explicitly with --agent claude-code, --agent cursor, or --agent codex.

- Source: https://github.com/JimLiu/baoyu-design

## Documentation

- https://github.com/JimLiu/baoyu-design

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/run-claude-design-style-ui-prototyping-locally-with-baoyu-design/)