baoyu-diagram
Installation
SKILL.md
Diagram Generator
Create SVG diagrams. Each SVG embeds its own styles, uses CSS custom properties for theming, and loads nothing over the network.
Output Files
For a diagram saved as <name>.svg, produce exactly these files:
| File | What it is | Made by |
|---|---|---|
<name>.svg |
Source SVG, CSS variables with dark theme values | You (the LLM) |
<name>.light.svg |
Same markup with light theme values | theme-switch.ts --theme=light |
<name>@2x.png |
Dark PNG at 2x scale | main.ts |
<name>.light@2x.png |
Light PNG at 2x scale | main.ts --theme light |
If the user asks for only one theme, or only SVG, produce just those files.