html-diagram
Direct-invocation specialist for self-contained HTML diagrams whose layout, notation, and interaction clarify relationships, sequence, topology, state, hierarchy, or quantitative structure. Use when the user explicitly invokes html-diagram or the broad html skill routes a diagram request here. Do not activate independently from a general request.
- installs 8w
- 1,683
- 30-day movement
- starts with the next reading
- Related entries
- 1
- Connections
- 0
html-diagram is an agent skill that guides an AI coding agent to build self-contained HTML diagrams clarifying relationships, sequence, topology, state, hierarchy, or quantitative structure. It instructs choosing the right visual model, picking an appropriate rendering method (HTML/CSS, SVG, Canvas, or WebGL), and delivering a single HTML file with inline CSS and JavaScript.
Reach for it when a diagram request is explicitly routed to html-diagram and you want a no-build, single-file visual artifact.
Use it to
- Render sequence or topology diagrams as one HTML file
- Pick HTML/CSS, SVG, Canvas, or WebGL per scale
- Build state or hierarchy diagrams with inline JS
- Add accessible text alternatives to diagrams
For Users of AI coding agents with the html skill installed
- Host repository
- plannotator/effective-html
- Installs, lifetime
- 3,500
- Installs, 8 weeks
- 1,683
- Host stars
- 3,203
- Host language
- HTML