Svg precision skill
Generate deterministic SVGs from structured specs with validation and rendering. Use for icons, diagrams, charts, UI mockups, and technical drawings.From its SKILL.md
npx -y skills add dkyazzentwatwa/chatgpt-skills --skill svg-precision-skillAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
SKILL.md
0.9 KB, 145 tokens by cl100k_base, as published. Nobody here has run it
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.mdfor templates andreferences/recipes.mdfor 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.
What ships with it: 15 files
37.4 KB alongside SKILL.md, 6 of them executable
agents/
- openai.yaml180 B
references/
- recipes.md1.7 KB
- spec.md5.5 KB
scripts/
- examples/bar_chart.json1.5 KB
- examples/diagram.json1.7 KB
- examples/icon_check.json430 B
- examples/technical_dim.json1.1 KB
- examples/ui_card.json1.1 KB
- requirements.txt67 B
- self_test.pyruns1.5 KB
- svg_cli.pyruns2.4 KB
- svg_skill/core.pyruns14.6 KB
- svg_skill/__init__.pyruns242 B
- svg_skill/render.pyruns2.5 KB
- svg_skill/validate.pyruns3.0 KB