메뉴
原型平台发布 Skill。将 HTML 原型发布到墨刀（Modao）或 Figma 平台，用于产品评审和团队协作。支持从 PRD、wireframe 或直接描述生成原型并发布。触发条件：(1) 导入墨刀，(2) 导入 Figma，(3) 发布原型，(4) 原型平台导出，(5) modao，(6) figma，(7) 生成设计说明。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
工作流度量仪表盘 Skill。一条命令扫描 pm-assistant 项目目录的本地产物（gate-results JSON、PRD 文档、wireframes、hifi-wireframes），生成含 Chart.js 图表的自包含 HTML 仪表盘（dashboard.html）。展示：7 阶段流程进度时间轴、产物统计卡片（Module PRD 数 / 低保真原型数 / 高保真原型数 / Gate 评审轮次）、Gate 评审雷达图 + 堆叠条形图（pass/warn/fail）、待改进事项清单。触发条件：(1) 查看/生成项目指标或度量，(2) 生成工作流仪表盘，(3) 可视化 Gate 评审结果，(4) 流程健康检查，(5) 产物覆盖率统计，(6) 生成 dashboard，(7) 查看评审进度或产物状态。
文档质量 Lint 检查 Skill。对 PRD、架构文档进行结构化 Lint 检查，自动生成需求追溯矩阵（RTM），追踪 Gate Warning 闭环。触发条件：(1) PRD Lint/文档检查，(2) 架构文档 Lint，(3) 生成 RTM/需求追溯矩阵，(4) Warning 追踪/扫描，(5) 文档质量检查，(6) Gate 预检，(7) doc-lint。
通过飞书远程 MCP 服务查询和操作飞书云文档。支持搜索文档、读取文档内容、创建/更新文档、查看知识库目录、获取评论等。触发条件：(1) 查询飞书文档，(2) 搜索飞书云文档内容，(3) 读取飞书文档/知识库，(4) 创建或更新飞书文档，(5) 同步飞书文档内容到本地，(6) 查看飞书文档评论。
工作流度量仪表盘 Skill。一条命令扫描 pm-assistant 项目目录的本地产物（gate-results JSON、PRD 文档、wireframes、hifi-wireframes），生成含 Chart.js 图表的自包含 HTML 仪表盘（dashboard.html）。展示：7 阶段流程进度时间轴、产物统计卡片（Module PRD 数 / 低保真原型数 / 高保真原型数 / Gate 评审轮次）、Gate 评审雷达图 + 堆叠条形图（pass/warn/fail）、待改进事项清单。触发条件：(1) 查看/生成项目指标或度量，(2) 生成工作流仪表盘，(3) 可视化 Gate 评审结果，(4) 流程健康检查，(5) 产物覆盖率统计，(6) 生成 dashboard，(7) 查看评审进度或产物状态。
技术架构设计 Skill。根据产品需求文档（PRD）设计完整的技术架构方案，输出结构化的架构设计文档。覆盖技术栈选型、系统架构、数据模型、API 设计、部署方案、非功能需求、安全设计等。触发条件：(1) 设计技术架构，(2) 从 PRD 推导技术方案，(3) 系统设计/技术选型，(4) 数据库设计，(5) API 设计，(6) 部署架构设计。
代码审查规范 Skill。对代码进行系统化审查，按 MUST/SHOULD/NIT 三级分类输出审查意见，覆盖正确性、安全性、可维护性、性能、规范性五大维度。触发条件：(1) 代码审查/Code Review，(2) PR Review/Pull Request 审查，(3) 审查代码质量，(4) MUST/SHOULD/NIT 分级审查，(5) 代码走查，(6) 审查这个 PR。
| name | prototype-publish |
| description | 原型平台发布 Skill。将 HTML 原型发布到墨刀（Modao）或 Figma 平台，用于产品评审和团队协作。支持从 PRD、wireframe 或直接描述生成原型并发布。触发条件：(1) 导入墨刀，(2) 导入 Figma，(3) 发布原型，(4) 原型平台导出，(5) modao，(6) figma，(7) 生成设计说明。 |
将产品 HTML 原型发布到 墨刀（Modao）或 Figma 平台，用于产品评审和团队协作展示。
modao-proto-mcp MCP 的 gen_html + import_html 工具生成并导入generate_figma_design 工具，将本地 HTML 页面转换为可编辑的 Figma framesmodao-proto-mcp（@modao-mcp/modao-proto-mcp）安全提醒：不要把
--token=${MODAO_TOKEN}直接写进 Codex MCP 的args里依赖参数插值。在当前 Codex App/RMCP 环境下，这种写法可能导致 token 没有实际传入子进程。更稳妥的方式是通过 shell 启动命令在运行时展开环境变量，例如：command = "sh"，args = ["-lc", "exec npx -y @modao-mcp/modao-proto-mcp --token \"$MODAO_TOKEN\" --url https://modao.cc"]。
figma-mcp-server（figma-developer-mcp）FIGMA_ACCESS_TOKEN 注入）npx serve 或项目内置 dev server）安全提醒：Figma Token 通过环境变量
FIGMA_ACCESS_TOKEN注入，不要明文写入配置文件。
| 文件 | 内容 | 何时加载 |
|---|---|---|
| modao-workflow-guide.md | 墨刀 MCP 工具调用示例、Figma 导入操作步骤、页面分组策略、输出物管理建议 | 首次使用或需要工具调用示例时加载 |
| Skill | 路径 | 协作关系 |
|---|---|---|
requirement-doc | .agents/skills/requirement-doc/ | 可从其生成的低保真 wireframes 作为输入，或从 PRD 功能需求章节提取页面列表 |
prototype-design | .agents/skills/prototype-design/ | 可从其生成的 hifi-wireframes 作为输入，发布高保真原型到平台 |
明确原型生成的输入来源和页面范围：
来源 A：从 PRD 提取
来源 B：从已有 wireframes 转换
projects/prd-{项目名}/wireframes/ 下的 HTML 文件来源 C：直接描述
分组策略（建议按功能链路分组，每组 3-5 页）：
| 组别 | 典型页面 |
|---|---|
| 用户访问链路 | 首页、搜索、详情 |
| 内容生产链路 | 发布、编辑、草稿 |
| 账户链路 | 登录、注册、个人主页、设置 |
如果输入是简短需求而非详细页面描述，先扩写为结构化设计说明：
gen_description 工具何时跳过：如果已有详细的 PRD 交互设计描述或完整的 wireframe HTML，可直接进入步骤 3。
根据设计说明或需求描述生成 HTML 原型：
gen_html 工具根据团队协作需求选择目标平台：
| 平台 | 适合场景 | 优势 |
|---|---|---|
| 墨刀 | 快速评审、无 Figma 账号团队 | 生成快、无需本地 server |
| Figma | 有 Figma 设计系统的团队、需要设计师深度协作 | 可编辑 frames、标注、Code Connect 一体化 |
import_html 工具generate_figma_design 需要 URL，不支持 file://）
npx serve projects/prd-{项目名}/wireframes -p 3001npx serve projects/prd-{项目名}/hifi-wireframes -p 3001generate_figma_design 工具：
http://localhost:3001/{page}.html + 目标 Figma 文件 URL注意：
generate_figma_design将 HTML 渲染结果转为 Figma layers，CSS 动效和 JS 交互不保留，仅保留视觉布局。Prototype 跳转需在 Figma 内手动设置。
完成所有页面导入后，汇总输出：
## 🎨 原型平台发布结果
**目标平台**：墨刀 / Figma（填写实际使用平台）
| 页面 | 状态 | 平台链接/位置 |
|------|------|---------------|
| {页面1} | ✅/❌ | {墨刀个人空间 / Figma 文件+Page位置} |
| {页面2} | ✅/❌ | {链接} |
**后续建议**：在平台中进一步调整布局和交互细节，确认后将评审结论同步回 PRD