generative-ui
Design system and templates for interactive HTML/SVG visuals in Claude and Codex, using an available inline renderer or a standalone HTML file. Use this skill whenever the user wants visual or interactive output rather than plain text or markdown: charts and dashboards, diagrams, flowcharts and architecture drawings, mockups, comparison grids, illustrations, interactive explainers ("explain how X works" with a visual), or tools with sliders, toggles, and live-updating displays — including financial data shown visually and requests phrased as "show me", "visualize", "draw", or "chart this".
Pinned to revision 73d554d60c0a, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/generative-ui/SKILL.md
- skills/generative-ui/README.md
- skills/generative-ui/references/chart_js.md
- skills/generative-ui/references/design_system.md
- skills/generative-ui/references/svg_and_diagrams.md
Every link opens the file at its source, pinned to the revision this page describes.