Svg Precision Skill

Generate deterministic SVGs from structured specs with validation and rendering. Use for icons, diagrams, charts, UI mockups, and technical drawings.

dkyazzentwatwa Updated

File contents

SVG Precision Skill

Build SVGs from explicit scene specifications, then validate before handing them off.

Workflow

  1. Translate the request into a concrete spec with fixed dimensions and coordinates.
  2. Use references/spec.md for templates and references/recipes.md for stable layout patterns.
  3. Build the SVG with scripts/svg_cli.py build.
  4. Validate with scripts/svg_cli.py validate.
  5. 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.

dkyazzentwatwa/chatgpt-skills/tree/main/svg-precision-skill commit 723efd55bb

Frequently asked questions

npx skillmds@latest add dkyazzentwatwa/svg-precision-skill