diagram-design Skill

Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows.

Skills#28 · score 73GitHub

What it does

Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows.

How to install the diagram-design Skill

For Claude Code or Codex, put the folder that holds SKILL.md into your skills folder (~/.claude/skills/). In the Claude app, zip that folder and upload it under Settings → Capabilities → Skills.

git clone --depth 1 https://github.com/cathrynlavery/diagram-design.git
# put the folder with SKILL.md into your skills folder

Skim a repository or server you do not know before you connect it. Keys and passwords go only to the provider.

Repository facts

Repositorygithub.com/cathrynlavery/diagram-design
GitHub stars60,209
Forks3,886
LicenceMIT
Last updated2026-10-21
Created2026-04-16
Main languageHTML
Topicsagent-skills claude-code codex data-visualization diagrams drawio mermaid svg
Homepagehttps://diagramdesign.dev

Why it was picked · #28 · score 73

  • Popularity (47%)85
  • Trust (33%)100
  • Member reviewsNot used this week
  • Search demand (20%)0
  • Search and AI Overview presenceNot used this week

Source: GitHub · 60,209 stars · First picked 2026-10-20

Trust checks

  • ✓ Recent activity
  • ✓ Clear description
  • ✓ Licence stated
  • ✓ Not archived

How we pick →

Made it? Add the badge to your README

[![ListeningMind pick](https://daas.listeningmind.ai/badge/skills/x-skill-cathrynlavery-diagram-design.svg)](https://daas.listeningmind.ai/en/catalog/skills/x-skill-cathrynlavery-diagram-design)

How to buy

People

Top up Lima and pay for what you use (1 Lima = $0.077 whole Lima). For now top-ups go through our team. Ask to top up · m-support@listeningmind.com

Agents

Agents connect the provider's way. Paying in ListeningMind Lima opens once the provider registers and links it.

Reviews ·

    No reviews yet.

    Who can review: Any member. Say in one line what you did with it; it is shown after a check. Only the first letter of your name is shown. A new review replaces your earlier one.

    Questions people ask

    What is the diagram-design Skill?

    Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. It is listed on GitHub and ranks #28 (score 73) in ListeningMind.AI's weekly picks.

    How do I install the diagram-design Skill?

    Clone github.com/cathrynlavery/diagram-design and put the folder that holds SKILL.md into ~/.claude/skills/. In the Claude app, upload that folder as a zip.

    Is it free?

    Yes. It is an open-source repository under MIT. Outside services the skill calls may charge separately.

    How much does it cost?

    Free (open source). The provider may charge for use on its own terms.

    Can I trust it?

    Checks passed: Recent activity, Clear description, Licence stated, Not archived. Skim a server or repository you have not used before connecting it.