Chatgpt-skills svg-precision-skill

Name: svg-precision-skill
Author: dkyazzentwatwa

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

install

source · Clone the upstream repo

git clone https://github.com/dkyazzentwatwa/chatgpt-skills

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/dkyazzentwatwa/chatgpt-skills "$T" && mkdir -p ~/.claude/skills && cp -r "$T/svg-precision-skill" ~/.claude/skills/dkyazzentwatwa-chatgpt-skills-svg-precision-skill && rm -rf "$T"

manifest: svg-precision-skill/SKILL.md

source content

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.