Claude Code Plugins

Community-maintained marketplace

Feedback

svg-precision

@dkyazzentwatwa/chatgpt-skills
3
21

Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawings requiring structural correctness and cross-viewer compatibility.

Install Skill

Shared

Installs to .agents/skills, used by Codex, Amp, Warp, Cursor, OpenCode, and more.

CodexAmp
WarpCursorOpenCode
ClineGemini CLI
GitHub Copilot
Personal

Available across projects.

$npx skills-installer add @dkyazzentwatwa/chatgpt-skills/svg-precision-skill --client shared
Project

Writes to .agents/skills.

$npx skills-installer add @dkyazzentwatwa/chatgpt-skills/svg-precision-skill -p --client shared
Note: Review the skill instructions before using it.

SKILL.md

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

  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.