القائمة
自然语言 → Mermaid 图表（16 种）+ 网页原型，本地 Web 面板实时预览/导出。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Multi-agent brainstorming: async opinion collision with expert personas. Mixed Codex/Claude Code engine. Use when multiple AI agents need to collaboratively discuss, debate, and converge on solutions through structured dialog. Triggers: brainstorm, multi-perspective discussion, opinion collision, expert debate, war room, collective intelligence, 头脑风暴, 多视角讨论, 集思广益.
阿里云 AnalyticDB (ADB) for MySQL 只读数据分析。 多维分析（计数/聚合/时间序列）、交叉验证、Schema 文档生成、多 Profile。
Elasticsearch / SLS 只读数据分析：索引探索、mapping、聚合统计、日志搜索、时间序列、多 Profile。
AI image generation and editing: e-commerce templates (hero/banner/detail/lifestyle), image refinement (background replace/remove, enhance, retouch, style transfer), icon extraction (bg-removal + detect + smart crop with transparent output).
Feishu (Lark) unified CLI for tasks, documents, wiki, bitable, messaging, approval, and Drive. Supports search/create/edit/publish/export across all modules. Use when reading/writing Feishu docs, searching docs or wiki, managing tasks, sending messages, creating approvals, exporting to Markdown, or any 飞书/Lark interaction.
Multi-agent SWE team built on the Workshop model. Full-stack vertical workers, meeting room with @mention notification, private pipes, shared task board. Git worktree isolation, Leader-driven coordination. Mixed Codex/Claude Code engine. Use when a task needs engineering depth beyond a single agent. NOT for simple task parallelism (use agent-task-orchestration) or design discussions (use agent-brainstorm).
| name | pm-toolkit |
| metadata | {"version":"0.0.5"} |
| description | 自然语言 → Mermaid 图表（16 种）+ 网页原型，本地 Web 面板实时预览/导出。 |
将用户的自然语言描述转换为 Mermaid 语法图表，通过本地 Web 面板实时渲染预览。
scripts/serve.py，零外部依赖）scripts/panel.html，刷新/编辑/保存/导出/主题切换）| 用户意图 | Mermaid 关键字 |
|---|---|
| 业务流程、审批流 | flowchart LR/TB |
| API 调用、系统交互 | sequenceDiagram |
| 数据库设计 | erDiagram |
| 类关系、继承 | classDiagram |
| 状态转换 | stateDiagram-v2 |
| 项目计划 | gantt |
| 占比分布 | pie |
| 层级关系 | mindmap |
| 里程碑 | timeline |
| 分支管理 | gitGraph |
| 用户体验、满意度评估 | journey |
| 需求优先级、竞品定位 | quadrantChart |
| 趋势分析、数据对比 | xychart-beta |
| 用户漏斗、流量分布 | sankey-beta |
| 系统模块划分、信息架构 | block-beta |
| 系统架构概览、技术评审 | C4Context / C4Container |
生成前读取 references/mermaid-syntax.md 获取语法速查。
将代码写入 .mmd 文件：
<描述性名称>.mmd（如 user-registration-flow.mmd）.pm-toolkit/ 目录subgraph 组织层次，为连接添加标签python3 <SKILLS_DIR>/pm-toolkit/scripts/serve.py --file <文件路径.mmd>
open http://localhost:9876
面板操作：
用户提出修改时，直接编辑 .mmd 文件，在面板点"刷新"查看。
| 场景 | 处理 |
|---|---|
| Mermaid 语法错误 | 面板显示错误详情 |
| CDN 加载失败 | 检查网络连接 |
| 端口占用 | --port 9877 指定其他端口 |
Agent 生成完整 HTML 页面，通过设备框架预览。工具只是容器。
生成前读取 references/prototype-style.md 获取设计规范。
将页面写入 HTML 文件：
.pm-toolkit/prototype/<描述性名称>.html（如 login.html、user-profile.html）<meta name="viewport" content="width=375"> (mobile) 或 width=768 (pad) 或不设 (pc)python3 <SKILLS_DIR>/pm-toolkit/scripts/proto_serve.py --dir <项目路径/.pm-toolkit/prototype/>
open http://localhost:9877
面板操作：
用户提出修改时，Agent 直接编辑 HTML 文件，面板点 Refresh 查看。