svg-precision-skill
installsforks
How to install svg-precision-skill?
dkyazzentwatwa/chatgpt-skills/svg-precision-skill
$npx -y skills add dkyazzentwatwa/chatgpt-skills --skill svg-precision-skillGenerate deterministic SVGs from structured specs with validation and rendering. Use for icons, diagrams, charts, UI mockups, and technical drawings.
SKILL.md
| 1 | # SVG Precision Skill |
| 2 | |
| 3 | Build SVGs from explicit scene specifications, then validate before handing them off. |
| 4 | |
| 5 | ## Workflow |
| 6 | |
| 7 | 1. Translate the request into a concrete spec with fixed dimensions and coordinates. |
| 8 | 2. Use `references/spec.md` for templates and `references/recipes.md` for stable layout patterns. |
| 9 | 3. Build the SVG with `scripts/svg_cli.py build`. |
| 10 | 4. Validate with `scripts/svg_cli.py validate`. |
| 11 | 5. Render a PNG preview when the user needs a quick visual check. |
| 12 | |
| 13 | ## Rules |
| 14 | |
| 15 | - Set `viewBox`, width, and height explicitly. |
| 16 | - Prefer absolute coordinates and simple shapes. |
| 17 | - Treat text as risky when exact rendering matters. |
| 18 | - Avoid exotic filters unless they are necessary and testable. |
People who liked this also viewed
6 picksType
- ai-video-generationinference.sh Agent skills for using our API to give your agents access to hundreds of apps and other agentsSkillsJul 2026
- imagegen-frontend-webElite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing pageSkillsJul 2026
- hyperframes-mediaWrite HTML. Render video. Built for agents.SkillsJul 2026
- media-useAgent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a frozen local file or paste-ready block + leSkillsJul 2026
- general-videoAuthor or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, staticSkillsJul 2026
- product-launch-videoTurn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company launches. Use when the user wants to market,SkillsJul 2026
