SVG Precision Skill

SkillMedia

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

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the SVG Precision Skill skill

What this skill tells your AI

The instructions your AI receives, as published by dkyazzentwatwa/chatgpt-skills in svg-precision-skill/SKILL.md and read by ahel’s review.

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.

Signals

GitHub stars
100
Forks
20
Last commit
Apr 2026
Advanced
Catalog kind
skill
Gateway key
svg-precision-skill
Source
github.com/dkyazzentwatwa/chatgpt-skills