Draw beautiful editorial diagrams as self-contained HTML/SVG — flowcharts, system architecture, sequence diagrams, ER models, swimlanes, timelines, Gantt charts, quadrants, funnels, fishbone. No default-Mermaid ugliness: warm paper, one accent color, generous whitespace, readable labels.
Use the Diagram Design skill to draw a flowchart of our signup-to-activation flow.
你能得到
- Complete SKILL.md with IP guardrails, workflow, design-token system and a 10-type layout pattern library (flowchart, architecture, sequence, ER, swimlane, timeline, Gantt, quadrant, funnel, fishbone), 3 reference files with copy-paste SVG skeletons, and 3 beautiful demo diagrams.
适合场景
- Anyone whose diagrams look like default Mermaid output; docs, pitches, and blog posts that need a clear flowchart, architecture diagram, or timeline; teams that want consistent, branded diagram styling.
不适合
- Quick throwaway sketches (plain ASCII is faster); data-heavy statistical charts — use a charting library; diagrams where photorealistic rendering is needed.
- 名称
- Diagram Design
- 下载数
- 0
- 分类
- 设计
- 包含 skills
- 1
下载与安装
更新内容: Initial release: editorial diagram system with 10 diagram types, token system, and 3 demo diagrams
登录用户免费下载。
1. 下载 ZIP
点击上方按钮下载打包好的 skill，内含 SKILL.md 及全部配套文件。
2. 解压到 agent 的 skills 目录
解压后确保 SKILL.md 直接位于以 skill 命名的文件夹内：
unzip diagram-design-v1.0.0.zip -d ~/.claude/skills/diagram-design/各 Agent 的 skills 目录
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. 重启你的 agent
下次启动时 agent 会自动识别新 skill，直接问它能做什么。
喜欢这个免费 skill？Premium 解锁 28 个独家 skills。
一次订阅，解锁全部高级 skill、prompt 和内容包，以及未来的每一期新品。
评价
相关技能
taste-skill
Leonxlnx/taste-skill
Taste-Skill - gives your AI good taste. Stops the AI from generating boring, generic slop.
archify
tt-a1i/archify
Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams.
Flowboard Launch Reel Template
Flowboard Launch Reel Template
22-second horizontal (1920x1080) product-launch reel template for indie developers, rendered from HTML with HyperFrames. Swap the CONFIG block, re-render, ship your launch video.
Claude Code · Codex · Cursor · Copilot +3
Barbershop Grand Opening Reel Template
Barbershop Grand Opening Reel Template
Vertical 28-second grand-opening reel template for barbershops — animated CSS barber pole, bold kinetic typography, fully editable text via CONFIG. Built for freelancers and agencies serving local businesses: buy once, re-skin for every client.
Claude Code · Codex · Cursor · Copilot +3