Run any Skill in Manus with one click

svg-precision-skill

Stars73

Forks18

UpdatedApril 8, 2026 at 00:45

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

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

dkyazzentwatwa

dkyazzentwatwa/chatgpt-skills

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·SOC 15-1252

File Explorer

16 files

SKILL.md

readonly

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

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.

More from this repository

same repository

crypto-ta-analyzer

dkyazzentwatwa/chatgpt-skills

Run multi-indicator technical analysis on crypto or market OHLCV data. Use for deterministic trend, momentum, volume, and divergence analysis.

2026-04-0873

data-storyteller

dkyazzentwatwa/chatgpt-skills

Analyze datasets and turn them into narrative reports with charts, audits, comparisons, and statistical summaries. Use for exploratory analysis and executive-ready outputs.

2026-04-0873

document-converter-suite

dkyazzentwatwa/chatgpt-skills

Convert PDFs, Office docs, markdown, HTML, and tables between editable formats. Use for best-effort document conversion, PDF utilities, form filling, and table extraction.

2026-04-0873

financial-calculator

dkyazzentwatwa/chatgpt-skills

Run loan, investment, NPV, retirement, savings, and risk calculations with schedules and charts. Use for deterministic financial modeling tasks.

2026-04-0873

geo-toolkit

dkyazzentwatwa/chatgpt-skills

Parse, convert, geocode, visualize, and measure geographic data. Use for address cleanup, geo file conversion, mapping, and distance workflows.

2026-04-0873

image-enhancement-suite

dkyazzentwatwa/chatgpt-skills

Process images for cleanup, conversion, metadata, comparison, icons, palettes, collages, and sprite sheets. Use for single-image or batch image workflows.

2026-04-0873

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

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.