{"slug":"diagram-design","name":"diagram-design","nameZh":"diagram-design（agent 画图技能）","category":"skills","categoryName":"Skills & rules","audience":["for-ai"],"primary":"for-ai","openClosed":"open","pricing":"open-source","license":"MIT","maintained":"yes","officialUrl":"https://diagramdesign.dev","repo":"https://github.com/cathrynlavery/diagram-design","latestVersion":null,"latestRelease":null,"stars":59575,"starsAsOf":"2026-10-22","description":"An Agent Skill that has your agent draw architecture, quadrant, sequence and other diagrams (45 types per the README) as one self-contained HTML + SVG file, optionally matching your site’s palette and fonts. Install with npx skills add; works in Claude Code, Codex, Cursor, Copilot, Gemini CLI and more","descriptionZh":"一个 Agent Skill：让 agent 用自然语言画架构图、象限图、时序图等（仓库自述 45 种图型），输出单个自包含的 HTML + SVG 文件，可抓取你网站的配色字体保持品牌一致。npx skills add 安装，支持 Claude Code、Codex、Cursor、Copilot、Gemini CLI 等","callMethods":[],"platforms":[],"addedAt":"2026-10-20","updatedAt":"2026-10-22","topics":[],"language":null,"lastPush":"2026-10-21","formerly":null,"packages":[],"recentVersions":[],"alternatives":["superpowers","mattpocock-skills","anthropics-skills","spec-kit","openspec","ecc","andrej-karpathy-skills","ponytail"],"stacks":[],"scenarios":["share-rules-and-skills","learn-ai"],"problems":[],"reasonZh":null,"sources":["editorial","github-pool"],"record":"https://aimap.page/api/v1/software/diagram-design.json","pages":{"en":"https://aimap.page/en/software/diagram-design/","zh-hans":"https://aimap.page/zh-hans/software/diagram-design/"}}