# baoyu-design skill 支持导入 Design System 并在新建项目中使用

- 来源：宝玉 (@dotey)
- 发布时间：2026-06-09 11:07
- AIHOT 分数：78
- AIHOT 标记：精选
- AIHOT 链接：https://aihot.virxact.com/items/cmq629f0304hosl5ictsh0u2n
- 原文链接：https://x.com/dotey/status/2064182459718091202

## 精选理由

宝玉把baoyu-design skill加上了Design System导入，现在用Cursor做前端页面可以直接挂设计规范，不用自己手搓变量了。比预期复杂但效果可以，做前端工具的可以试试。

## AI 摘要

baoyu-design skill 现已支持导入 Design System，新建项目时可直接使用已导入的设计系统。功能保留了 Claude Design 原有的导入与编译方式，通过提问即可让用户选择已导入的 Design System。开发者表示实现过程比预期复杂，但效果不错。安装命令：`npx skills add JimLiu/baoyu-design`。另据 @dotey 介绍，该工具为本地运行的 Claude Design 风格工具，可描述屏幕生成 HTML，在预览中点击元素说出修改指令，最佳搭配 Opus 4.8。

## 正文

baoyu-design skill 现支持导入 Design System，以及在新建项目时添加已导入的 Design System

比我想象中要麻烦得多：https://github.com/JimLiu/baoyu-design/pull/5

好在效果不错，保留了 Claude Design 原本的导入设计系统和编译设计系统的方式，用户可以通过提问的方式选择已导入好的设计系统！

npx skills add JimLiu/baoyu-design

### 引用推文

> 宝玉：Cursor's new browser + element annotation turns it into a design studio. Meet Cursor Design 🎨 - Claude Design, running locally. Describe a screen → get polishe...