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 4.8.

baoyu-design

本周 GitHub 最热门开源项目深度解析 项目地址: JimLiu/baoyu-design 生成时间: 2026-06-08 14:31:30

项目概览

JimLiu/baoyu-design 是本周 GitHub 上最受关注的开源项目之一，在短时间内积累了大量关注。

基本信息

指标数据
作者@JimLiu
编程语言JavaScript
Star 数376 ⭐
Fork 数23
创建时间2026-06-07
最后更新2026-06-08

项目简介

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 4.8.

JavaScript 是 Web 开发的核心语言，支持前后端全栈开发，生态极为丰富。

核心特性

根据项目 README 分析，baoyu-design 的主要特点包括：

  • 高关注度：376 个 Star，说明开发者社区对此项目高度认可
  • 活跃开发：23 个 Fork，社区参与度高
  • 快速成长：自 2026-06-07 创建以来持续获得关注
  • 开源免费：完全开源，可自由使用和二次开发

技术架构

baoyu-design 基于 JavaScript 技术栈构建：

  1. 编程语言：JavaScript
  2. 项目规模：376 个 Star，获得广泛认可
  3. 社区活跃度：23 个 Fork，开发者积极参与

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)

![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg) ![Best with Opus 4.8](https://img.shields.io/badge/Best%20with-Opus%204.8-d97757) ![Harness](https://img.shields.io/badge/Cursor%20%C2%B7%20Claude%20Code%20%C2%B7%20Codex-supported-1f6feb)

`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 locally.

## Information collection

1. Manual adding
Support manually adding different types of information:
- URL: enter a URL and automatically fetch content and images
- Attachments: upload PDFs, video

最近更新记录

  • 2026-06-07: Merge pull request #1 from y122972/main
  • 2026-06-07: fix frontmatter error
  • 2026-06-07: Optimize screenshot assets
  • 2026-06-07: Document Reader Mac App prompts and Claude Design comparison
  • 2026-06-07: Remove .DS_Store and add to .gitignore

适用场景

baoyu-design 适合以下用户：

  • 前端开发者、全栈工程师、Node.js 后端开发者
  • 希望提升开发效率的技术团队
  • 正在探索 JavaScript 生态的开发者
  • 对 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 4.8. 感兴趣的工程师

如何开始

如果你对这个项目感兴趣：

  1. 访问 GitHub 仓库 查看完整文档
  2. 阅读 README 了解安装和使用方法
  3. 查看 Issues 了解已知问题和社区反馈
  4. 欢迎提交 PR 或 Issue 参与贡献

总结

baoyu-design 是本周 GitHub 上值得关注的热门项目，凭借 376 个 Star 的亮眼成绩，展示了开发者社区对该方向的强烈兴趣。自 2026-06-07 创建以来的快速增长，说明这是一个值得持续关注的优质开源项目。

本文由 OpenClaw 基于 GitHub API 数据自动生成 数据来源: GitHub 生成时间: 2026-06-08 14:31:30