# 「在本地编辑器里直接运行 Claude Design」

- 原标题：「在本地编辑器里直接运行 Claude Design」宝玉开源的 baoyu-design 把原本属于 claude.a…
- 类型：项目
- 来源：weibo.com
- 发布时间：2026-10-29
- 首次精选：2026-11-03 09:31
- 分级：值得看
- 是否付费：未知
- 预估学习时长：未知
- 学习层级：进阶
- 主题：[creative-coding-design](<https://oplearnx.com/md/topics/creative-coding-design.md>)（第 14 位）、[agent-skills-management](<https://oplearnx.com/md/topics/agent-skills-management.md>)（第 33 位）
- 原文链接：[https://weibo.com/1402400261/RoVT4xPJz](<https://weibo.com/1402400261/RoVT4xPJz>)
- 本站页面：[https://oplearnx.com/resources/pk\_eebc63626127](<https://oplearnx.com/resources/pk_eebc63626127>)

## 摘要

这条微博介绍宝玉开源的 baoyu-design 项目，称其把原本位于 claude.ai/design 的设计引擎打包成通用 Agent Skill，使 Cursor、Claude Code 等本地 AI 编程工具可直接做界面设计。设计成果以独立 HTML 文件保存在本地，涵盖高保真 UI 原型、线框图、演示幻灯片与数据看板；配合本地预览可点选元素让模型微调；内置离线 Figma 解析工具可解析 .fig 文件提取组件规范与切图，无需联网配置 API 或 MCP，也能读取本地代码库的 CSS；幻灯片支持交互动效并导出可编辑 PPTX；另有多画板画布与看板编辑器，可用 npx 命令接入。仓库地址为 JimLiu/baoyu-design。

---
来源：LearnMap · 学径（https://oplearnx.com）