Baoyu Design skill for Codex
Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without claude.ai/design. Best with Opus or Claude.
How to install Baoyu Design in Codex
In Codex, ask the built-in skill installer for it:
$skill-installer install the <skill> skill from https://github.com/JimLiu/baoyu-designType this in Codex and replace <skill> with a folder name from 'What it contains'. $skill-installer is the skill installer built into Codex, and it downloads the skill from GitHub. Restart Codex if the skill doesn't show up. Check the repo README for any setup it needs. Source: Codex skills docs.
Or copy the skill folder (the one with SKILL.md) into ~/.agents/skills to use it in every project, or into .agents/skills in a repo to share it with that repo. Codex picks up new skills automatically. (where Codex loads skills)
New Codex plugins every Tuesday, install line ready to copy.
Stacks Weekly is one short email from GrokStacks and CodexStacks. Subscribe and get the free starter list: 20 Codex plugins worth installing first.
Confirmation email first. Unsubscribe anytime.
What it contains
Skills (6)
baoyu-design— Create or edit visual design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, slide decks, print documents, résumés, animations, 3D objects, diagrams, fliers, HTML email, and visual…claude-dashboard— Use this for a local, data-backed dashboard, metrics page, KPI tracker, scorecard, data visualization or recurring report that opens in the bundled live editor: a page or scroll story of charts, numbers and tables over datasets (a CSV/TSV/JSON file the user…claude-design-system— Create and revise design systems in the Design System artifact format (project/design-system.json, tokens.json, a README brand book, component previews, fonts and asset groups) as local files, then open them in a local design-system page where the user can…claude-design— Make and revise designs in the Design (canvas) artifact format (project/canvas.json plus one .dc.html Design Component file per artboard) as local files, then open them in a local canvas editor where the user can view the artboards side by side, retype copy…claude-slides— Make and revise slide decks in the Slides artifact format (project/deck.json plus one HTML file per slide) as local files, then open them in a local slide editor where the user can present, retype, drag, and export PDF, HTML or PowerPoint. Use when the user…release-skills— Universal release workflow. Auto-detects version files and changelogs. Supports Node.js, Python, Rust, Claude Plugin, GitHub Releases, annotated tags, historical release backfill, and generic projects. Use when user says "release", "发布", "new version", "bump…
About this listing
Baoyu Design is a community collection of agent skills on GitHub by JimLiu: folders with a SKILL.md file, the format Codex loads skills from. Its README mentions Codex. It passed the CodexStacks quality filter for skills (at least 100 stars, pushed in the last 90 days, not a fork or a list, and at least one SKILL.md with a name and description). OpenAI hasn't reviewed it, but it passed our Codex install check on Oct 29, 2026 (an install and load check, not a code review). From its files we found 6 skills. It's one of 137 listings in the Creativity category (category assigned by CodexStacks from the repo's topics and description). It also appears in best Codex plugins for design and UI.
Baoyu Design FAQ
How do I install Baoyu Design in Codex?
In Codex, type $skill-installer install the <skill> skill from https://github.com/JimLiu/baoyu-design. $skill-installer is the skill installer built into Codex (Codex skills docs). Or copy the skill folder (the one with SKILL.md) into ~/.agents/skills to use it in every project, or into .agents/skills in a repo to share it with that repo. Codex picks up new skills automatically.
Is Baoyu Design an official Codex skill?
No. Baoyu Design is a community repo on GitHub by JimLiu. It passed the CodexStacks quality filter, but OpenAI hasn't reviewed it, but it passed our Codex install check on Oct 29, 2026 (an install and load check, not a code review), so read the code before you install it.
What does Baoyu Design include?
From its manifest and repo files, Baoyu Design includes 6 skills: baoyu-design, claude-dashboard, claude-design-system, claude-design, claude-slides, release-skills.
Details
- Type
- Skill
- Category
- Creativity (assigned by us)
- Source
- Community
- Author
- JimLiu
- License
- MIT
- GitHub stars
- 4,881 (at last sync)
- Last push
- 2026-10-29
- GitHub topics
- claude, claude-code, claude-design, cursor, design, prototyping, ui-design
- Source
- https://github.com/JimLiu/baoyu-design
- Listed via
- GitHub search: Codex skills (SKILL.md)
- Install check by CodexStacks
- Passed on Oct 29, 2026 with Codex CLI 0.163.0: Codex loaded its skills. proof · how we check
Something wrong or missing? Submit or improve this listing. Listings also refresh automatically every night.
For maintainers: badge and embeds
Maintain Baoyu Design? Add the badge; it links to this page.
Markdown
[](https://codexstacks.com/p/baoyu-design/)HTML
<a href="https://codexstacks.com/p/baoyu-design/"><img src="https://codexstacks.com/badge.svg" alt="Listed on CodexStacks" width="172" height="28"></a>Embed card (static HTML and inline CSS, no JavaScript). Preview:
<a href="https://codexstacks.com/p/baoyu-design/" style="display:block;max-width:380px;box-sizing:border-box;padding:14px 16px;border:1px solid #3a2c26;border-radius:12px;background:#0d0b0a;color:#f3ece6;font:14px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-decoration:none"><span style="display:block;font-size:16px;font-weight:700;color:#f3ece6">Baoyu Design</span><span style="display:block;margin:2px 0 8px;font-size:12px;color:#b5a9a1">Community Codex skill · 6 skills</span><span style="display:block;margin:0 0 10px;color:#ddd3cc">Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes…</span><span style="font-size:12px;font-weight:600;color:#ffb347">View on CodexStacks →</span></a>Markdown summary
**[Baoyu Design on CodexStacks](https://codexstacks.com/p/baoyu-design/)**: Community Codex skill with 6 skills.More on badges, embeds and keeping your listing up to date: CodexStacks for plugin authors.
Also in Creativity
UI UX Pro Max Skill
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Taste Skill
tasteskill v2: art direction for websites, product pages, dashboards and app screens, checked in a real browser.
Archify
Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.
Diagram Design
Architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar, loop, nested, tree, org chart, layer stack, exploded/plan, Venn…
Hallmark
Anti-AI-slop design skill for Claude Code, Cursor, and Codex.
Text To Cad
The text-to-cad plugin gives your agent local workflows for generating 3D models as STEP, GLB, STL or 3MF files. It also does design for manufacturing checks, generates engineering drawings, and connects to popular 3D…