baoyu-design: Add-on skills that let your AI coding assistant make UI mockups, slide decks, design systems and dashboards.

What it does

baoyu-design is a set of 'skills', instruction packs you add to an AI coding assistant such as Cursor, Claude Code or Codex. The README says it packages the design approach behind claude.ai/design so your own assistant can use it. You describe a design in plain language, and the assistant builds mockups, clickable prototypes, wireframes, landing pages or slide decks as self-contained web pages.

Other skills in the set make editable slide decks, a canvas of side-by-side designs, design systems (shared colors, fonts and components) and data dashboards built from spreadsheet-style files. Each opens in a small editor that runs on your own computer. You can retype text, move things around, leave comments for the assistant, and export to formats such as PDF, PowerPoint or images.

A separate skill guides the assistant on making clearer charts, including colors that stay readable for color-blind readers. All files are saved in your own project folder. The makers say it works best with a strong Claude model.

Who it's for

People who already use an AI coding assistant and want it to produce design mockups, presentations or dashboards they can edit and keep.

Can I use it without coding?

With some setup. You need an AI coding assistant and Node.js, then run one install command; after that you just describe what you want. New to this? Start here.

Can I run it?

Cost: Free, but needs an AI accountThe software is free, but it uses an online AI service (like OpenAI or Anthropic), which usually charges for use.

Try it

Set up an AI coding assistant such as Cursor, Claude Code or Codex, and install Node.js.
Use the skills installer named in the README to add baoyu-design to your assistant.
Describe a design in plain words, such as a settings screen for an app, then point at parts of the preview to ask for changes.

Using Claude Code, Cursor or another AI coding assistant? Paste the prompt and it will walk you through the setup.New to this?

Before you install

Only download from the official GitHub page. Copies with similar names exist for many popular projects.
Plain-AyI is an independent guide and doesn't host or review the software it lists. Please check each project's official page before installing.
No standard license listed. Check the GitHub page before using it for business.
More on staying safe