القائمة
原型平台发布 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