[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6D9Y66VG65RQB2JVPFDA8MV":3,"skill-same:01M6D9Y66VG65RQB2JVPFDA8MV":82},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":26,"publishedAt":47,"linkOnly":48,"markdownContent":49,"markdownBody":50,"frontMatter":51,"refName":60,"commitSha":61,"skillDirectory":62,"forksCount":63,"repositoryHtmlUrl":64,"repositoryHomepageUrl":65,"ownerHtmlUrl":66,"ownerBlogUrl":6,"ownerDescription":67,"updatedAt":68,"install":69,"resources":81},"01M6D9Y66VG65RQB2JVPFDA8MV","mermaid-diagram",null,"用 Mermaid 语法生成可视化图表 — 流程图、架构图、序列图、ER 图、甘特图、状态图、思维导图、饼图等结构化图表。当用户要求画图\u002F画架构图\u002F画流程图等结构化可视化需求时触发，直接输出 mermaid 代码块，前端会自动转换为 HTML 并在沙箱 iframe 中渲染。","PM-Shawn\u002FAbu-Cowork","PM-Shawn","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F34580770?v=4","01M6D9TVP5HBW9H8SPHYWW0X8E","Shawn","01M6D9TVVM38B7APZDN4NM9Y45",422,"Apache-2.0","https:\u002F\u002Fgithub.com\u002FPM-Shawn\u002FAbu-Cowork\u002Fblob\u002Fmain\u002Fbuiltin-skills\u002Fmermaid-diagram\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体",[27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],"diagram","mermaid","mermaid diagram","logo","架构图","流程图","图表","可视化","er","diagrams","html","生成","frontend","ui","git","visualization","generate","architecture","image","design","2026-11-10 10:12:30",false,"---\nname: mermaid-diagram\ndescription: 用 Mermaid 语法生成可视化图表 — 流程图、架构图、序列图、ER 图、甘特图、状态图、思维导图、饼图等结构化图表。当用户要求画图\u002F画架构图\u002F画流程图等结构化可视化需求时触发，直接输出 mermaid 代码块，前端会自动转换为 HTML 并在沙箱 iframe 中渲染。\ndisplay-description:\n  zh-CN: 用 Mermaid 生成流程图、架构图、序列图、甘特图等图表\n  en-US: Draw flowcharts, architecture, sequence and Gantt diagrams with Mermaid\ntrigger: 用户明确要求用 mermaid 语法画图，或需要 ER 图、甘特图、Git 分支图、类图等 mermaid 专长的技术图表\ndo-not-trigger: 用户要求画流程图、架构图、时间线、层级图、对比图等通用图表（优先用 svg-diagram）；用户要求生成照片、插画、艺术画、海报、UI 设计图、Logo；用户明确要求用 generate_image 生图\nuser-invocable: true\ndisable-auto-invoke: true\nargument-hint: \u003C图表描述>\ntags:\n  - 图表\n  - diagram\n  - 流程图\n  - 架构图\n  - mermaid\n  - 可视化\n  - visualization\n---\n\n你现在帮用户生成 **Mermaid 图表**。直接在回复中输出 ` ```mermaid ` 代码块，前端会自动将其转换为 HTML 并在沙箱 iframe 中通过 Mermaid CDN 渲染为 SVG 图表。\n\n**不要调用 generate_image 工具**，Mermaid 代码块就是最终输出。\n\n## 支持的图表类型\n\n根据用户需求选择最合适的类型：\n\n| 需求 | Mermaid 语法 |\n|------|-------------|\n| 流程图\u002F决策树 | `flowchart TD` 或 `flowchart LR` |\n| 序列图\u002F时序图 | `sequenceDiagram` |\n| 类图\u002F数据模型 | `classDiagram` |\n| 状态图\u002F状态机 | `stateDiagram-v2` |\n| ER 图\u002F数据库设计 | `erDiagram` |\n| 甘特图\u002F项目排期 | `gantt` |\n| 饼图\u002F占比 | `pie` |\n| 思维导图 | `mindmap` |\n| 时间线 | `timeline` |\n| Git 分支图 | `gitGraph` |\n| 四象限图 | `quadrantChart` |\n| 块图\u002F架构布局 | `block-beta` |\n\n## 输出规范\n\n1. **一个代码块一张图**：每个 ` ```mermaid ` 块只放一张图\n2. **中文标签**：节点文字用中文（用户用中文时）\n3. **合理布局**：\n   - 层级关系用 `TD`（上→下）\n   - 流程\u002F时序用 `LR`（左→右）\n   - 节点不超过 20 个，超出时分组或简化\n4. **节点样式**：\n   - 普通步骤：`A[文字]`（方框）\n   - 判断\u002F分支：`B{条件?}`（菱形）\n   - 开始\u002F结束：`C([文字])`（圆角）\n   - 数据库：`D[(数据库)]`（圆柱）\n5. **先输出图表，再做文字说明**（如有必要）\n\n## 架构图最佳实践\n\n对于系统架构图，推荐用 `flowchart TD` + `subgraph` 分层：\n\n```\nflowchart TD\n    subgraph 前端\n        A[Web App] --> B[Mobile App]\n    end\n    subgraph 后端\n        C[API Gateway] --> D[业务服务]\n        D --> E[数据库]\n    end\n    前端 --> 后端\n```\n\n## 注意事项\n\n- 节点 ID 用英文字母（A, B, C 或有意义的缩写），标签用中文\n- 避免特殊字符（`\"`, `'`, `(`, `)` 等）出现在节点文字中，会导致语法错误\n- 如果用户的需求不适合结构化图表（如照片、插画、艺术画），告知用户并建议使用生图功能\n","你现在帮用户生成 **Mermaid 图表**。直接在回复中输出 ` ```mermaid ` 代码块，前端会自动将其转换为 HTML 并在沙箱 iframe 中通过 Mermaid CDN 渲染为 SVG 图表。\n\n**不要调用 generate_image 工具**，Mermaid 代码块就是最终输出。\n\n## 支持的图表类型\n\n根据用户需求选择最合适的类型：\n\n| 需求 | Mermaid 语法 |\n|------|-------------|\n| 流程图\u002F决策树 | `flowchart TD` 或 `flowchart LR` |\n| 序列图\u002F时序图 | `sequenceDiagram` |\n| 类图\u002F数据模型 | `classDiagram` |\n| 状态图\u002F状态机 | `stateDiagram-v2` |\n| ER 图\u002F数据库设计 | `erDiagram` |\n| 甘特图\u002F项目排期 | `gantt` |\n| 饼图\u002F占比 | `pie` |\n| 思维导图 | `mindmap` |\n| 时间线 | `timeline` |\n| Git 分支图 | `gitGraph` |\n| 四象限图 | `quadrantChart` |\n| 块图\u002F架构布局 | `block-beta` |\n\n## 输出规范\n\n1. **一个代码块一张图**：每个 ` ```mermaid ` 块只放一张图\n2. **中文标签**：节点文字用中文（用户用中文时）\n3. **合理布局**：\n   - 层级关系用 `TD`（上→下）\n   - 流程\u002F时序用 `LR`（左→右）\n   - 节点不超过 20 个，超出时分组或简化\n4. **节点样式**：\n   - 普通步骤：`A[文字]`（方框）\n   - 判断\u002F分支：`B{条件?}`（菱形）\n   - 开始\u002F结束：`C([文字])`（圆角）\n   - 数据库：`D[(数据库)]`（圆柱）\n5. **先输出图表，再做文字说明**（如有必要）\n\n## 架构图最佳实践\n\n对于系统架构图，推荐用 `flowchart TD` + `subgraph` 分层：\n\n```\nflowchart TD\n    subgraph 前端\n        A[Web App] --> B[Mobile App]\n    end\n    subgraph 后端\n        C[API Gateway] --> D[业务服务]\n        D --> E[数据库]\n    end\n    前端 --> 后端\n```\n\n## 注意事项\n\n- 节点 ID 用英文字母（A, B, C 或有意义的缩写），标签用中文\n- 避免特殊字符（`\"`, `'`, `(`, `)` 等）出现在节点文字中，会导致语法错误\n- 如果用户的需求不适合结构化图表（如照片、插画、艺术画），告知用户并建议使用生图功能\n",{"name":5,"tags":52,"trigger":53,"description":7,"argument-hint":54,"do-not-trigger":55,"user-invocable":56,"disable-auto-invoke":56,"display-description":57},[33,27,32,31,28,34,42],"用户明确要求用 mermaid 语法画图，或需要 ER 图、甘特图、Git 分支图、类图等 mermaid 专长的技术图表","\u003C图表描述>","用户要求画流程图、架构图、时间线、层级图、对比图等通用图表（优先用 svg-diagram）；用户要求生成照片、插画、艺术画、海报、UI 设计图、Logo；用户明确要求用 generate_image 生图",true,{"en-US":58,"zh-CN":59},"Draw flowcharts, architecture, sequence and Gantt diagrams with Mermaid","用 Mermaid 生成流程图、架构图、序列图、甘特图等图表","main","7e6d17126241cd6d89b1df0f60e7f98c144377ad","builtin-skills\u002Fmermaid-diagram",100,"https:\u002F\u002Fgithub.com\u002FPM-Shawn\u002FAbu-Cowork","https:\u002F\u002Fabuwork.com","https:\u002F\u002Fgithub.com\u002FPM-Shawn","Product Manager","2026-11-08 18:42:37",{"source":8,"skillName":5,"commands":70,"prompt":80,"zipAvailable":56},[71,74,77],{"tool":72,"command":73},"npx","npx skills add PM-Shawn\u002FAbu-Cowork --skill mermaid-diagram",{"tool":75,"command":76},"bunx","bunx skills add PM-Shawn\u002FAbu-Cowork --skill mermaid-diagram",{"tool":78,"command":79},"pnpm","pnpm dlx skills add PM-Shawn\u002FAbu-Cowork --skill mermaid-diagram","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FPM-Shawn\u002FAbu-Cowork\u002Fblob\u002Fmain\u002Fbuiltin-skills\u002Fmermaid-diagram\u002FSKILL.md",[],[83,97,120,143,162,179],{"skillNo":84,"name":85,"nameZh":6,"description":86,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":87,"categories":88,"keywords":92,"publishedAt":47},"01M6DA0B2XCG463VKF522CV68Y","..\u002F..\u002Fevil name","A name the installer would refuse to turn into a directory","https:\u002F\u002Fgithub.com\u002FPM-Shawn\u002FAbu-Cowork\u002Fblob\u002Fmain\u002Ftests\u002Ffixtures\u002Fplugin-market-broken\u002Fplugins\u002Funsafe-skill-name\u002Fskills\u002Ftools\u002FSKILL.md",[89],{"categoryNo":90,"categoryName":91,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[93,94,95,96],"evil","evil name","directory","installer",{"skillNo":98,"name":99,"nameZh":6,"description":100,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":101,"categories":102,"keywords":109,"publishedAt":47},"01M6DA076EN71TPF726NCEYP1B","product-listing","Write or rewrite an e-commerce product listing (title, selling points, spec table, FAQ) from product specs. Use when the user asks for listing copy, a product title, or a detail page.","https:\u002F\u002Fgithub.com\u002FPM-Shawn\u002FAbu-Cowork\u002Fblob\u002Fmain\u002Fexamples\u002Fplugin-market\u002Fplugins\u002Fshop-assistant\u002Fskills\u002Fproduct-listing\u002FSKILL.md",[103,104],{"categoryNo":90,"categoryName":91,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":105,"categoryName":106,"taxonomyType":107,"taxonomyTypeDesc":108},"01JBSEEDCAT000000000000031","产品经理","PROFESSION","适用职业",[110,111,112,113,114,115,116,117,118,119],"product","product listing","spec","table","page","write","user","use","faq","detail",{"skillNo":121,"name":122,"nameZh":6,"description":123,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":124,"categories":125,"keywords":127,"publishedAt":47},"01M6D9ZH2JVXR15G1JKQYD1M2N","trigger","创建和管理触发器 - 设置事件驱动的自动化任务","https:\u002F\u002Fgithub.com\u002FPM-Shawn\u002FAbu-Cowork\u002Fblob\u002Fmain\u002Fbuiltin-skills\u002Ftrigger\u002FSKILL.md",[126],{"categoryNo":90,"categoryName":91,"taxonomyType":21,"taxonomyTypeDesc":22},[122,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142],"create","run","file","schedule","automation","manage","task","watch","webhook","file watch","定时","自动化","触发器","事件驱动","文件监听",{"skillNo":144,"name":145,"nameZh":6,"description":146,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":147,"categories":148,"keywords":154,"publishedAt":47},"01M6D9Z8MH1B4PC7QES6H8SFSZ","svg-diagram","用 SVG 生成精美的架构图、流程图、时序图、层级图、对比图等结构化图表。直接输出 ```html 代码块（内含 SVG），前端在沙箱 iframe 中渲染。效果比 Mermaid 更美观、布局更灵活。","https:\u002F\u002Fgithub.com\u002FPM-Shawn\u002FAbu-Cowork\u002Fblob\u002Fmain\u002Fbuiltin-skills\u002Fsvg-diagram\u002FSKILL.md",[149,150,153],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":151,"categoryName":152,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000013","分析与可视化",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[155,27,156,45,39,46,32,44,28,43,42,157,30,158,36,159,160,161,34,33],"svg diagram","动画","flow","统计","infographic","chart","交互",{"skillNo":163,"name":164,"nameZh":6,"description":165,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":166,"categories":167,"keywords":172,"publishedAt":47},"01M6D9YZ1ZRYE8G3FGYMS6T32J","skill-creator","创建、编辑、优化和测试 skills。当用户明确要求创建一个具体的新 skill、修改已有 skill 的内容或描述、运行 skill 评测，或优化 skill 触发准确率时使用。","https:\u002F\u002Fgithub.com\u002FPM-Shawn\u002FAbu-Cowork\u002Fblob\u002Fmain\u002Fbuiltin-skills\u002Fskill-creator\u002FSKILL.md",[168,171],{"categoryNo":169,"categoryName":170,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":90,"categoryName":91,"taxonomyType":21,"taxonomyTypeDesc":22},[173,174,175,128,176,177,178],"skill creator","testing","test","improve","对话","edit",{"skillNo":180,"name":131,"nameZh":6,"description":181,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":182,"categories":183,"keywords":185,"publishedAt":47},"01M6D9YVAB65YKJ3DXQHT7WC8E","创建和管理定时任务 - 设置定期自动执行的任务","https:\u002F\u002Fgithub.com\u002FPM-Shawn\u002FAbu-Cowork\u002Fblob\u002Fmain\u002Fbuiltin-skills\u002Fschedule\u002FSKILL.md",[184],{"categoryNo":90,"categoryName":91,"taxonomyType":21,"taxonomyTypeDesc":22},[131,128,129,186,133,134,138,139,187],"recurring","tasks"]