[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M698WRMDCPH64J2Q2ES4CXR8":3,"skill-same:01M698WRMDCPH64J2Q2ES4CXR8":71},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":30,"linkOnly":31,"markdownContent":32,"markdownBody":33,"frontMatter":34,"refName":38,"commitSha":39,"skillDirectory":40,"forksCount":41,"repositoryHtmlUrl":42,"repositoryHomepageUrl":43,"ownerHtmlUrl":44,"ownerBlogUrl":43,"ownerDescription":45,"updatedAt":46,"install":47,"resources":60},"01M698WRMDCPH64J2Q2ES4CXR8","diagram-maker",null,"Create SVG\u002FHTML or Excalidraw diagrams for concepts, architecture, flows, and whiteboards.","openclaw\u002Fopenclaw","openclaw","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F252820863?v=4","01M698P3FSAZ6B4R928ZF19KPT","01M698PDMDRVH56MV30D253NFP",394302,"MIT","https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fopenclaw\u002Fblob\u002Fmain\u002Fskills\u002Fdiagram-maker\u002FSKILL.md",[],[18,19,20,21,22,23,24,25,26,27,28,29],"diagram maker","diagram","maker","architecture","create","excalidraw","html","diagrams","SVG","flows","concepts","for","2026-11-10 10:12:30",false,"---\nname: diagram-maker\ndescription: Create SVG\u002FHTML or Excalidraw diagrams for concepts, architecture, flows, and whiteboards.\nmetadata: { \"openclaw\": { \"emoji\": \"?\" } }\n---\n\n# Diagram Maker\n\nCreate diagrams as artifacts, not prose. Choose one output mode:\n\n- `clean-svg`: educational concepts, physical systems, processes, lifecycle, simple data flow.\n- `architecture-svg`: software\u002Fcloud\u002Finfra topology, services, databases, queues, trust zones.\n- `excalidraw`: editable hand-drawn whiteboard, flowchart, sequence, architecture sketch.\n\nRouting\n\n- User wants editable\u002Fcollaborative: choose Excalidraw.\n- User wants polished standalone browser output: choose SVG\u002FHTML.\n- Software architecture with infra components: choose architecture SVG.\n- Science, product, process, concept map, physical object: choose clean SVG.\n- Unsure: ask one short question only if output format matters; otherwise choose clean SVG.\n\nWorkflow\n\n1. Extract nodes, groups, labels, and directed relationships.\n2. Pick layout first: left-to-right, top-down, hub-spoke, swimlanes, layered stack, sequence.\n3. Keep labels short. Prefer 5-9 main elements over dense diagrams.\n4. Generate the file at the requested path, or `.\u002Fdiagram.html` \u002F `.\u002Fdiagram.excalidraw`.\n5. Verify syntax by opening\u002Fparsing when feasible.\n\nSVG\u002FHTML rules\n\n- Single standalone `.html` file with inline CSS and inline SVG.\n- No external fonts, JS, images, gradients, glows, decorative blobs, or remote assets.\n- Use semantic colors, not rainbow sequences: neutral, input, process, storage, external, risk.\n- Draw connectors before nodes so arrows sit behind boxes.\n- Every connector path has `fill=\"none\"` and a marker arrow when directed.\n- Leave 24px text padding inside boxes; do not let text touch borders.\n- Legend only when symbols\u002Fcolors are not obvious.\n\nSVG template\n\nUse `references\u002Fsvg-template.md` as the wrapper and replace `\u003C!-- SVG -->`.\n\nExcalidraw rules\n\n- Save `.excalidraw` JSON with `type`, `version`, `source`, `elements`, and `appState`.\n- Use bound text for shape labels. Do not use a nonstandard `label` property.\n- Keep bound text immediately after its container in the elements array.\n- Minimum labeled shape: 120x60. Minimum body text: 16px.\n- Use roughness `1`, `fontFamily: 1`, and simple fills.\n\nFor exact Excalidraw element snippets, read `references\u002Fexcalidraw-patterns.md`.\n","# Diagram Maker\n\nCreate diagrams as artifacts, not prose. Choose one output mode:\n\n- `clean-svg`: educational concepts, physical systems, processes, lifecycle, simple data flow.\n- `architecture-svg`: software\u002Fcloud\u002Finfra topology, services, databases, queues, trust zones.\n- `excalidraw`: editable hand-drawn whiteboard, flowchart, sequence, architecture sketch.\n\nRouting\n\n- User wants editable\u002Fcollaborative: choose Excalidraw.\n- User wants polished standalone browser output: choose SVG\u002FHTML.\n- Software architecture with infra components: choose architecture SVG.\n- Science, product, process, concept map, physical object: choose clean SVG.\n- Unsure: ask one short question only if output format matters; otherwise choose clean SVG.\n\nWorkflow\n\n1. Extract nodes, groups, labels, and directed relationships.\n2. Pick layout first: left-to-right, top-down, hub-spoke, swimlanes, layered stack, sequence.\n3. Keep labels short. Prefer 5-9 main elements over dense diagrams.\n4. Generate the file at the requested path, or `.\u002Fdiagram.html` \u002F `.\u002Fdiagram.excalidraw`.\n5. Verify syntax by opening\u002Fparsing when feasible.\n\nSVG\u002FHTML rules\n\n- Single standalone `.html` file with inline CSS and inline SVG.\n- No external fonts, JS, images, gradients, glows, decorative blobs, or remote assets.\n- Use semantic colors, not rainbow sequences: neutral, input, process, storage, external, risk.\n- Draw connectors before nodes so arrows sit behind boxes.\n- Every connector path has `fill=\"none\"` and a marker arrow when directed.\n- Leave 24px text padding inside boxes; do not let text touch borders.\n- Legend only when symbols\u002Fcolors are not obvious.\n\nSVG template\n\nUse `references\u002Fsvg-template.md` as the wrapper and replace `\u003C!-- SVG -->`.\n\nExcalidraw rules\n\n- Save `.excalidraw` JSON with `type`, `version`, `source`, `elements`, and `appState`.\n- Use bound text for shape labels. Do not use a nonstandard `label` property.\n- Keep bound text immediately after its container in the elements array.\n- Minimum labeled shape: 120x60. Minimum body text: 16px.\n- Use roughness `1`, `fontFamily: 1`, and simple fills.\n\nFor exact Excalidraw element snippets, read `references\u002Fexcalidraw-patterns.md`.\n",{"name":5,"metadata":35,"description":7},{"openclaw":36},{"emoji":37},"?","main","f1c93577085244aa96aa87b53a2df9b59d293bd7","skills\u002Fdiagram-maker",82862,"https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fopenclaw","https:\u002F\u002Fopenclaw.ai","https:\u002F\u002Fgithub.com\u002Fopenclaw","Your personal, open source AI assistant.","2026-11-11 08:46:30",{"source":8,"skillName":5,"commands":48,"prompt":58,"zipAvailable":59},[49,52,55],{"tool":50,"command":51},"npx","npx skills add openclaw\u002Fopenclaw --skill diagram-maker",{"tool":53,"command":54},"bunx","bunx skills add openclaw\u002Fopenclaw --skill diagram-maker",{"tool":56,"command":57},"pnpm","pnpm dlx skills add openclaw\u002Fopenclaw --skill diagram-maker","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fopenclaw\u002Fblob\u002Fmain\u002Fskills\u002Fdiagram-maker\u002FSKILL.md",true,[61,67],{"path":62,"resourceType":63,"resourceTypeDesc":64,"sizeBytes":65,"sourceHtmlUrl":66},"references\u002Fexcalidraw-patterns.md","REFERENCE","参考文档",1394,"https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fopenclaw\u002Fblob\u002Fmain\u002Fskills\u002Fdiagram-maker\u002Freferences\u002Fexcalidraw-patterns.md",{"path":68,"resourceType":63,"resourceTypeDesc":64,"sizeBytes":69,"sourceHtmlUrl":70},"references\u002Fsvg-template.md",1930,"https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fopenclaw\u002Fblob\u002Fmain\u002Fskills\u002Fdiagram-maker\u002Freferences\u002Fsvg-template.md",[72,78,100,118,139,163],{"skillNo":73,"name":74,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":75,"categories":76,"keywords":77,"publishedAt":30},"01M698VP84FNM6G9MR1HPX7MF7","lobster","https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fopenclaw\u002Fblob\u002Fmain\u002Fextensions\u002Flobster\u002FSKILL.md",[],[74],{"skillNo":79,"name":80,"nameZh":6,"description":81,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":82,"categories":83,"keywords":84,"publishedAt":30},"01M698YY8QGQ7S8TJNKJG6VTPH","xurl","xurl CLI for authenticated X posts, replies, reads\u002Fsearch, DMs, media upload, followers, auth status, or raw v2 API calls.","https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fopenclaw\u002Fblob\u002Fmain\u002Fskills\u002Fxurl\u002FSKILL.md",[],[80,29,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99],"api","calls","replies","posts","upload","tap","install","brew","node","Media","search","npm","status","auth","cli",{"skillNo":101,"name":102,"nameZh":6,"description":103,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":104,"categories":105,"keywords":106,"publishedAt":30},"01M698YWT1CJ0WK88WB909R9RT","weather","Current weather and forecasts with web_fetch, falling back to wttr.in curl for locations, rain, temperature, travel planning.","https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fopenclaw\u002Fblob\u002Fmain\u002Fskills\u002Fweather\u002FSKILL.md",[],[102,107,108,91,109,92,110,111,112,113,114,115,29,116,117],"travel planning","travel","fetch","curl","https","help","planning","web","back","temperature","with",{"skillNo":119,"name":120,"nameZh":6,"description":121,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":122,"categories":123,"keywords":129,"publishedAt":30},"01M698YV2Q0R0JJKAWGFS21K0N","visualize","Create inline visuals for code and explanations, or author persistent OpenClaw dashboard widgets with show_widget.","https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fopenclaw\u002Fblob\u002Fmain\u002Fskills\u002Fvisualize\u002FSKILL.md",[124],{"categoryNo":125,"categoryName":126,"taxonomyType":127,"taxonomyTypeDesc":128},"01JBSEEDCAT000000000000033","数据分析师","PROFESSION","适用职业",[120,130,131,132,133,29,117,134,135,22,136,137,9,138],"widgets","openclaw dashboard","author","inline","show","code","visuals","dashboard","widget",{"skillNo":140,"name":141,"nameZh":6,"description":142,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":143,"categories":144,"keywords":153,"publishedAt":30},"01M698YS2TRJH9ENG28HD9CD87","trello","Manage Trello boards, lists, and cards via the Trello REST API.","https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fopenclaw\u002Fblob\u002Fmain\u002Fskills\u002Ftrello\u002FSKILL.md",[145,150],{"categoryNo":146,"categoryName":147,"taxonomyType":148,"taxonomyTypeDesc":149},"01JBSEEDCAT000000000000010","后端与接口","SCENARIO","使用场景",{"categoryNo":151,"categoryName":152,"taxonomyType":127,"taxonomyTypeDesc":128},"01JBSEEDCAT000000000000030","开发工程师",[141,111,154,155,156,157,158,159,91,92,160,110,85,161,162],"cloud","manage","via","rest api","token","atlassian","jq","REST","developer",{"skillNo":164,"name":165,"nameZh":6,"description":166,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":167,"categories":168,"keywords":169,"publishedAt":30},"01M698YQ9Q3M4W78EWV2KSCSVW","tmux","Control tmux sessions\u002Fpanes for interactive CLIs: list, capture output, send keys, paste text, monitor prompts.","https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fopenclaw\u002Fblob\u002Fmain\u002Fskills\u002Ftmux\u002FSKILL.md",[],[165,91,170,171,29,172,173,174,175,176,177,178,92,179,180,181,182,183,184],"send","darwin","keys","paste","output","control","prompts","interactive","list","capture","panes","text","monitor","sessions","linux"]