JimLiu/baoyu-design

Registry 信息

项目简介

Baoyu Design 让你将 Claude Design 作为 Agent Skill 在本地运行，支持 Cursor、Claude Code 等工具。无需依赖 claude.ai/design，即可生成自包含 HTML 格式的精美 UI 模型、原型、演示文稿和线框图。推荐搭配 Opus 4.8 使用。

要点

• 将 Claude Design 作为 Agent Skill 在本地运行
• 兼容 Cursor、Claude Code 等工具
• 生成自包含 HTML 格式的模型和原型
• 制作精美的 UI 设计、演示文稿和线框图
• 无需依赖 claude.ai/design
• 针对 Opus 4.8 优化

使用场景

• 无需云端依赖的本地 UI 原型设计
• 快速绘制 Web 和移动应用的线框图
• 使用自包含 HTML 创建演示文稿
• 将 Claude Design 集成到 Cursor 或 Claude Code 工作流中

README 摘要

# baoyu-design **Run Claude Design on your own local agent — Cursor, Claude Code, Claude Desktop, or any file‑capable coding agent.** [English](README.md) · [简体中文](README.zh-CN.md) · [Changelog](CHANGELOG.md)    `baoyu-design` packages **Claude Design** — the design engine behind [claude.ai/design](https://claude.ai/design) — as a portable **Agent Skill**. Drop it into a local agent and you get most of what the website does, right inside your editor: polished UI mockups, interactive prototypes, wireframes, landing pages, dashboards, mobile apps, and slide decks — all produced as self‑contained HTML. No website, no separate subscription, no upload step. The agent already on your machine does the work, and every artifact stays in your repo. --- ## Screenshots The same Reader Mac App prompt was used in Cursor, Codex, Claude, and Claude Design. | Cursor | Codex | Claude | Claude Design | |---|---|---|---| | <img src="assets/screenshots/cursor-reader-mac-app.webp" alt="Cursor running baoyu-design" width="240"> | <img src="assets/screenshots/codex-reader-mac-app.webp" alt="Codex running baoyu-design" width="240"> | <img src="assets/screenshots/claude-reader-mac-app.webp" alt="Claude running baoyu-design" width="240"> | <img src="assets/screenshots/claude-design-reader-mac-app.webp" alt="Claude Design running the same Reader Mac App prompt" width="240"> | <details> <summary>Prompt used for all screenshots</summary> ```markdown Build a Reader Mac app that helps me read and save articles better. All data is stored local

话题