text-to-svg
Installation
SKILL.md
Text-to-SVG — Natural Language to SVG Vector Graphic Code
Convert natural language descriptions into runnable SVG vector graphic code.
Workflow
- Parse requirements — Identify objects, style, colors, dimensions from description
- Determine structure — Choose appropriate SVG element composition (paths/shapes/text/gradients)
- Generate code — Output complete code ready for embedding or saving as
.svg - Validate output — Ensure correct SVG syntax, reasonable viewBox, well-balanced colors
Output Specification
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="100%" height="100%">
<!-- content -->
</svg>