Create diagrams
2 listings
Skills
Draw diagrams and charts as HTML with SVG
This skill draws diagrams and charts as standalone HTML pages that use inline SVG, styled with an editorial look. It covers 45 visual types, from architecture, flowcharts, and sequence diagrams to org charts, Gantt charts, and database schemas, and it can import files from Mermaid, Excalidraw, and draw.io. On first use in a project it checks the style guide and asks whether to customize it, for example from a website URL or pasted tokens. Results can be exported to PNG or SVG.
Turn answers into one-page visual HTML explainers
This skill turns a complex answer into a single visual HTML page. The agent drafts the content in extended Markdown, and a bundled command-line tool named am takes care of layout, color, dark mode, and where diagram elements sit, so no HTML or SVG is written by hand. It is meant for explanations of how something works, comparisons and trade-offs, rankings, and anything with a table or several sections. The page follows the language of your question, and its settings can be changed with a config command.