mcpField
E
extract-design-md

extract-design-md

github.com/podo设计与 UI29165 次安装1 天前更新
代码仓库

关于 extract-design-md

extract-design-md 可将 Google Stitch 输出中的设计规范整理为结构化的 DESIGN.md，便于团队版本管理、跨 Agent 共享，并在迭代中保持设计一致。

主要功能

  1. 01从 Google Stitch 提取设计规范
  2. 02生成结构化 DESIGN.md 文件
  3. 03支持跨 Agent 共享设计决策
  4. 04帮助迭代中保持设计一致

适用场景

  1. 01将 Google Stitch 设计记录到 DESIGN.md
  2. 02在多个 Agent 间共享设计规范
  3. 03在迭代过程中维持视觉一致性

安装

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

$npx skills add https://github.com/podo/design-agent-skills --skill extract-design-md

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

附带文件stub.yaml

详细介绍

extract-design-md

目录条目 — 完整技能：google-labs-code/stitch-skills

决策树

  1. 是否已安装完整技能？ 检查此位置的技能是否仍包含 das: 块：

    • 全局：grep -q "^das:" ~/.agents/skills/extract-design-md/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 项目：grep -q "^das:" .agents/skills/extract-design-md/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 没有 das: 块 → 已安装完整技能，调用该技能并继续
    • 存在 das: 块 → 转到第 2 步

  2. 检测作用范围，然后安装：

    检测作用范围：

    [ -e ~/.agents/skills/extract-design-md ] && echo "global" || echo "project"

    全局（使用 -g 安装）：

    npx skills add google-labs-code/stitch-skills --skill extract-design-md -g -y

    项目（未使用 -g 安装）：

    npx skills add google-labs-code/stitch-skills --skill extract-design-md -y

    Claude Code： 发送以 ! 开头的任一命令作为聊天消息，即可在不离开对话的情况下运行。

安装后调用

  • 技能名称：extract-design-md
  • 触发短语："extract design md"、"stitch to DESIGN.md"、"DESIGN.md"

功能说明

将 Google Stitch 输出中的设计规范提取到结构化的 DESIGN.md 文件中，即 Google Stitch 兼容的视觉设计决策编码格式。生成的文件可进行版本控制、在多个 Agent 之间共享，并用于在多次迭代中保持设计一致性。这是 Google Labs 官方 Stitch 技能的一部分。

评论

支持 Markdown