← ClaudeAtlas

svg-authoringlisted

Author production-grade inline SVG (logos, favicons, icon packs, stickers, transparent marks) when the P2A `inline_svg` execution mode is selected. Enforces viewBox, path-budget, palette, optical balance, and small-scale legibility rules so the emitted `<svg>` survives `asset_save_inline_svg` validation and renders crisp from 16×16 through 1024×1024.
MohamedAbdallah-14/prompt-to-asset · ★ 7 · AI & Automation · score 74
Install: claude install-skill MohamedAbdallah-14/prompt-to-asset
# SVG authoring (inline_svg mode) Engaged when `asset_generate_*` returns an `InlineSvgPlan`. Read `svg_brief` (viewBox, palette, path_budget, require[], do_not[], skeleton) and emit one `<svg>…</svg>` code block that honors every constraint. Then call `asset_save_inline_svg({ svg, asset_type })` so the file lands on disk. ## Hard constraints (non-negotiable) | Asset type | viewBox | Path budget | Colors | Safe-zone | Notes | |---|---|---|---|---|---| | `logo` | `0 0 120 120` (or brief-specified) | ≤40 | 2–4 hex | subject fits inside 80% center box | Flat, geometric, closed shapes | | `favicon` (master SVG) | `0 0 64 64` | ≤30 | 2–3 hex | legible at 16×16 after downsampling | ≥2px stroke equivalent at 16² | | `icon_pack` (per icon) | `0 0 24 24` | ≤8 | monocolor (`currentColor`) OR 2 tones | 2px grid, 1.5–2px strokes | All icons share grid + stroke weight | | `sticker` | `0 0 240 240` | ≤60 | up to 6 hex | bleed allowed; no hard edge requirement | Chunkier line weights OK | | `transparent_mark` | `0 0 200 200` | ≤40 | 2–3 hex | 80% center | Never emit `<rect fill="white">` as "background" | | `app_icon` master | `0 0 1024 1024` | ≤60 | 3–5 hex | iOS HIG 824² center | Opaque bg allowed; no alpha needed on this one | **Never emit:** `<image>` tags, external refs, `<script>`, inline Base64, fonts with unverified family names, CSS animations in a favicon master, gradients in an icon-pack icon. ## Design principles (from frontend-design, adapted for SVG) 1. **Aesthetic commi