JimLiu/baoyu-design

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.

What it solves

baoyu-design allows users to run the design engine behind claude.ai/design locally within their own coding agents (such as Cursor, Claude Code, or Codex). It eliminates the need for a separate website subscription or manual upload steps by enabling the creation of polished UI mockups, interactive prototypes, wireframes, and slide decks directly within a local development environment, keeping all artifacts in the user's repository.

How it works

The project is implemented as a portable "Agent Skill" consisting of Markdown files and JSX/JS scaffolds. It uses a core methodology and craft standards defined in a system prompt, which the agent loads based on the design task. The agent then identifies the specific environment (e.g., Cursor or Claude Code) and applies the corresponding tool map to handle questions, previews, and verification.

Deliverables are produced as self-contained HTML files served via a local HTTP server. This allows users to iterate on designs by pointing at elements in a live browser preview and instructing the agent to make specific changes to the underlying source code.

Who it’s for

Developers and designers who use AI coding agents and want to integrate professional-grade UI/UX design capabilities directly into their workflow without leaving their editor.

Highlights

  • Broad Design Capabilities: Supports high-fidelity designs, interactive prototypes, wireframes, landing pages, mobile apps, and slide decks.
  • Design System Integration: Can create, import (including offline decoding of Figma .fig files), and apply versioned design systems to ensure visual consistency across projects.
  • Advanced Slide Decks: Creates HTML-based decks with complex build animations that can be the exported to editable native PowerPoint (.pptx) files via a local CLI.
  • Local-First Workflow: All output is stored in the project repository, allowing for version control and easy export.
  • Agent-Agnostic: Compatible with a wide range of agents including Cursor, Claude Code, Codex, and others via the skills CLI.

Related

  • Project
    plugin87/ux-ui-agent-skills

    A comprehensive kit of instructions, design tokens, and automated verification gates that turns AI agents into senior UX/UI architects for producing accessible, production-ready interfaces.

  • Project
    shengjidaguai-china/personal-homepage-skill

    Personal Homepage Skill is an AI‑agent plug‑in that lets Claude‑style agents generate high‑quality personal websites, portfolios, and HTML slide decks using a library of 18 ready‑made visual templates. It includes a React/Tailwind gallery, single‑file HTML templates, and a documented workflow that enforces reference‑first design and quality checks. Install as a Claude skill or run the gallery locally to pick a style, then export a share‑ready HTML page.

  • Project
    alchaincyf/huashu-skills

    huashu‑skills is a curated index of 57 Claude‑compatible *Agent Skills* (design, data, video, persona, etc.). 22 lightweight skills live in this repo; the rest are separate repos. Install with a one‑line `git clone` (or copy a sub‑folder), restart the agent, and the skill becomes usable. An included updater checks for newer versions. The collection provides ready‑made, plug‑in functionality for AI agents without writing code.

  • Project
    yejy53/Editable-Design

    Editable‑Design is a GitHub project that offers Codex Skills for AI‑driven creation of editable visual assets (posters, infographics, research diagrams). Users install a Skill, give a natural‑language prompt, and receive structured HTML/CSS (or PPTX) with real text, separate image layers, a visual editor, and a replay of the agent’s design steps.

  • Project
    alchaincyf/huashu-design

    huashu‑design is an open‑source Claude‑compatible skill that generates ready‑to‑ship design artefacts (app prototypes, PPT decks, short animations, infographics, design direction mock‑ups and a 5‑dimensional critique) from a simple natural‑language prompt. It runs locally, uses a library of 84 pure‑HTML/CSS style templates, enforces a brand‑asset protocol, and exports HTML, MP4/GIF, PPTX and PDF without any GUI.