mcpField
B
building-design

building-design

github.com/cedmandocdoc设计与 UI044 次安装2 天前更新
代码仓库

关于 building-design

此技能指导 building-design 的初始化与设计工作流，包括确定设计根目录并遵循项目约定和配方，适用于按指定结构创建或修改设计。

主要功能

  1. 01设置设计根目录与查看器
  2. 02安装查看器依赖
  3. 03阅读设计与预览约定
  4. 04按意图选择配方

适用场景

  1. 01检查 building-design 是否就绪
  2. 02为功能创建设计
  3. 03修改现有设计
  4. 04根据 .design.ts 文件开展工作

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/cedmandocdoc/awesome-skills --skill building-design

安装后在 Claude Code 中输入/building-design确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

agents/
openai.yaml
assets/
design.md
index.md
assets/app/
.gitignore
index.html
package.json
tsconfig.json
vite.config.ts
assets/app/system/
define.ts
motion.css
motion.ts
type.css
assets/app/viewer/
App.tsx
canvas.tsx
chrome.tsx
frame.css
Frame.tsx
main.tsx
meta.ts
registry.ts
viewer.css
assets/surface/feature/
feature.design.ts
screen.css
screen.design.ts
Screen.tsx
assets/surface/ui/
component.css
component.design.ts
Component.tsx
references/
creating-design.md
design-contract.md

详细介绍

构建设计

设置

项目类型必需适用时机完成条件方法
Node.js 22.12+ 和 npm用户必需全部node --version 显示 22.12 或更高版本https://nodejs.org
根路径和意图询问必需全部design-contract.md → 解析设计根目录 为请求的意图找到根目录询问文件夹（默认值见 design-contract.md → 设计根目录）和意图（一句简短表述）；若缺失或为空，则使用默认值；否则询问其他路径；将其记录为根目录的位置和 index.md → intention
根目录标记静态必需全部<design-root>/index.md 包含 design-contract.md → 作者签名使用 assets/index.md 编写 index.md，并填入 intention
查看器应用静态必需全部查看器文件和 index.md → 查看器键与 assets/ 一致复制 assets/app/ 中的所有内容，包括点文件（cp -R <skill>/assets/app/. <design-root>/）；用 assets/index.md 替换 index.md → 查看器键
查看器安装自动必需全部<design-root>/node_modules/ 存在在设计根目录中运行 npm install

工作流

  1. 设置 — 按顺序处理 设置中适用时机涵盖此请求的每一行：满足完成条件 → 跳过；user → 若为必需，则停止并输出其方法；若为可选，则不执行并继续；ask → 填入请求中已回答的内容，将其余问题合并为一条消息询问，并记录每个答案；auto 和 static → 执行。
  2. 契约 — 阅读 design-contract.md 和 preview-contract.md。
  3. 配方 — 匹配 配方中的一行；打开其“阅读”列中的每份文档。

配方

意图示例措辞阅读
设置“设置 building-design”，“building-design 已准备就绪吗？”设置 — 对每一行执行工作流第 1 步，然后报告每一行的状态
构建或修改“设计结账功能”，“缩短主视觉标题”，提及 @design/design.md 或 .design.ts 文件creating-design.md

评论

支持 Markdown