| name | svg-precision-skill |
| description | Generate deterministic SVGs from structured specs with validation and rendering. Use for icons, diagrams, charts, UI mockups, and technical drawings. |
SVG Precision Skill
Build SVGs from explicit scene specifications, then validate before handing them off.
Workflow
- Translate the request into a concrete spec with fixed dimensions and coordinates.
- Use
references/spec.md for templates and references/recipes.md for stable layout patterns.
- Build the SVG with
scripts/svg_cli.py build.
- Validate with
scripts/svg_cli.py validate.
- Render a PNG preview when the user needs a quick visual check.
Rules
- Set
viewBox, width, and height explicitly.
- Prefer absolute coordinates and simple shapes.
- Treat text as risky when exact rendering matters.
- Avoid exotic filters unless they are necessary and testable.