diagram-design — security grade SAFE, quality 68/100

Security audit verdict: SAFE · quality 68/100

No red flags found in any of the 11 categories — no credential harvesting, no data exfiltration, no curl-pipe-shell installer. Scanned against the SlowMist agent-security taxonomy, refreshed every 8 hours. Full audit →

by cathrynlavery · Claude Skill · ★ 43.3k

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

🔒 Is diagram-design safe to install? View the security audit →

About diagram-design

Diagram Design Editorial diagrams your designer won't hate. New in 2.0 — the Loop: flywheels with a shared-memory hub. The dashed lines are the write-backs. New in 2.3: semantic system patterns and optional accessible motion, while static output stays the default. New in 2.5.10: ten more layout grammars — Sankey, fishbone, Wardley map, kanban, user journey, deployment, dependency graph, UML class, story map, and database schema. 38 editorial diagram types for Claude Code, Codex, Factory Droid, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop. Semantic patterns describe behavior separately from layout, so a queue, policy trace, or trust boundary can use the nearest existing type without expanding the type count. Static HTML remains the default; optional motion is available for ordered explanations. The skill also redraws draw.io or Mermaid sources at a chosen format, size, and detail level. No Figma. No generic rounded boxes. No 30-minute color-picking sessions. Why I built it I write at [littlemigh

agent-skillsclaude-codecodexdata-visualizationdiagramsdrawiomermaidsvg

Quick Facts

Stars43,259
Forks2,787
LanguageHTML
CategoryClaude Skill
LicenseMIT
Quality Score68.119453619396/100
Open Issues27
Last Updated2026-10-01
Created2026-04-16
Platformsclaude-code, codex
Est. Tokens~24k

Compatible Skills

These tools work well together with diagram-design for enhanced workflows:

  • fireworks-tech-graph — semantic(0.27)+complementary+rare_topics+similar_pop+shared_platform (59%)
  • lieflat-charts — semantic(0.39)+complementary+rare_topics+same_lang+shared_platform (58%)
  • architecture-diagram-generator — semantic(0.22)+complementary+same_lang+similar_pop+shared_platform (58%)
  • archify — semantic(0.39)+rare_topics+same_lang+similar_pop+shared_platform (53%)

diagram-design alternative? Top 6 similar tools

Looking for a diagram-design alternative? If you're comparing diagram-design with other claude skill tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • archify by tt-a1i · ⭐ 76.8k

    Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self

  • awesome-claude-skills by ComposioHQ · ⭐ 75.3k

    A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows

  • humanizer by blader · ⭐ 52.7k

    Agent skill that removes signs of AI-generated writing from text

  • planning-with-files by OthmanAdi · ⭐ 27.2k

    Persistent file-based planning for AI coding agents and long-running tasks. Crash-proof markdown plans, sessio

  • fireworks-tech-graph by yizhiyanhua-ai · ⭐ 11.2k

    Generate production-quality SVG+PNG technical diagrams from natural language. 7 styles, UML support, and AI/Ag

  • drawio-skill by Agents365-ai · ⭐ 9.8k

    Agent skill that turns natural language, code, Terraform/K8s, SQL, OpenAPI, AsyncAPI, Protobuf and GraphQL sou

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular HTML Agent Tools

Frequently Asked Questions

What is diagram-design?

diagram-design is Editorial diagram design for Claude Code, Codex, GitHub Copilot, Factory Droid, and Pi. 42 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.. It is categorized as a Claude Skill with 43.3k GitHub stars.

What programming language is diagram-design written in?

diagram-design is primarily written in HTML. It covers topics such as agent-skills, claude-code, codex.

How do I install or use diagram-design?

You can find installation instructions and usage details in the diagram-design GitHub repository at github.com/cathrynlavery/diagram-design. The project has 43.3k stars and 2787 forks, indicating an active community.

What license does diagram-design use?

diagram-design is released under the MIT license, making it free to use and modify according to the license terms.

What are the best alternatives to diagram-design?

The top alternatives to diagram-design on Agent Skills Hub include archify, awesome-claude-skills, humanizer. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.

How this security grade is produced

Grades come from a rule-based scan built on the SlowMist agent-security taxonomy, covering 11 red-flag categories including credential harvesting, data exfiltration, and curl | sh installers. It is a first-layer scan, not a manual audit — we say so rather than overstate it.

The scale of the problem is documented independently: Liu et al. (2026), in a study of 31,132 agent skills, report that 26.1% contain security vulnerabilities. Our own full-catalog census is published as a citable open dataset.

Sources & who's responsible:

View on GitHub → Browse Claude Skill tools