Skip to content
English

Switch theme

// Add skills & rules

diagram-design

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

Open source Maintained For agents

IN ONE PARAGRAPH

diagram-design is 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.

Good for: Developers who want their agent (Claude Code, Codex, Cursor…) to add skills & rules.

Not for: people who don’t want to install and run tools themselves.

01How to start

  1. 1Read the official README for requirements and permissions.
  2. 2Install it as the official guide describes.
  3. 3Tell your agent the command exists (e.g. in AGENTS.md / CLAUDE.md) so it knows when to call it.

02Alternatives & comparison

Compare side by side →

03Related

Versions, why it is listed, for AI to read

For AI agents

Data updated: AI software & hot ranks · Software profiles & needs(UTC+8)