Showing 28 verified skills. 284 preview entries are hidden until we confirm a real source. Show preview skills · Why?
You'll turn prose into editorial diagrams that embed anywhere, no framework required.
npx skills add cathrynlavery/diagram-designDrop the skill in and your agent can produce editorial-grade diagrams from prose: flowcharts, venn diagrams, decision trees, state diagrams, bar-grid overlays, and more. The output is self-contained HTML + SVG that embeds anywhere, without React, without Mermaid runtime, without node_modules. By Cathryn Lavery. 1,600+ stars in the first week.
mkdir -p ~/.claude/skills/diagram-design~/.claude/skills/diagram-design/SKILL.mdResulting file structure:
~/.claude/
skills/
diagram-design/
SKILL.md <-- skill definitionSkills are loaded automatically by Claude Code when you start a new session. The skill name and description in the frontmatter determine when Claude triggers it.
Recommended from shared domain, career, and tool overlap with Diagram Design
You'll ship finished, non-sloppy designs from a single sentence prompt.
Both used by designer, developer
You'll extract and convert any public design system into usable tokens in one command.
Both used by designer
You'll produce full-deck presentations from prompts, in HTML, with video export.
Both used by developer
You'll translate full-length books in hours instead of weeks using parallel agents.
Both used by writer
You'll keep your agent's memory and skills when switching between coding harnesses.
Both used by developer
You'll ship higher-quality agent outputs by engineering context instead of prompts.
Both used by developer
Diagram Design