Skill Details
Runtime
(claude-5-sonnet)
Example user message
[userMessage]: /svg-logo-generator Concept Name: Aperture Core Symbol: A circular form built from four overlapping arcs that leave a soft light-gap at the center. Composition: Mark sits above the wordmark, both tightly centered. Color Direction: Cool deep indigo base with a single warm amber glow where the arcs meet. Typography Feel: Geometric sans, clean and trustworthy. Why It Fits: The opening-aperture form suggests clarity and letting light in on your finance
Example agent response
Architected SVG canvas and structured layered mark composition
Architected SVG canvas and structured layered mark composition
No errors, only expected live-text warnings which I'll disclose. Now let's render and look.
Refining contrast and calibrating marginal alignment precision
Refining contrast and calibrating marginal alignment precision
Now let's create an icon-only variant for favicon/app-icon use, since the full lockup's wordmark won't survive at small sizes.
Identified visual alignment issue affecting design composition
Identified visual alignment issue affecting design composition
No flags now — clean margins and centering. Let's view it.
Review icon-only mark contact sheet
Review icon-only mark contact sheet
Clean, centered, holds at 32px, and reads on both backgrounds. This clears the checklist. Now delivering the final files.
Ran a command, read a file
Ran a command, read a file
Two files: lockup (mark + wordmark, for headers/covers) and icon (mark only, for favicons/app icons — the wordmark drops below legibility at that size).
Concept: four overlapping arcs form a ring — deep indigo
#363FA0 — with one amber
#E8993A seam where two arcs meet, softened by a radial glow. Two rounds: the first pass had the mark clipping the canvas top and weak dark-background contrast; I recentered it, lightened the indigo, and both issues are gone — clean margins, no clipping, holds on white and near-black, and stays legible down to the 32px favicon tile.
Known dependency: the wordmark uses live <text> (Inter, with system-sans fallback), so if you need pixel-identical rendering everywhere, outline it to paths in Illustrator/Figma (Type → Create Outlines) before final delivery — the icon-only file has no text and carries no font
By purchasing this skill, you agree to our terms of service
CLAUDE-5-SONNET
Produces a professional logo, brand mark, icon, wordmark, or favicon as clean, hand-authored SVG — then verifies it actually works before delivery. A mechanical check catches hidden defects like broken references, a missing viewBox, embedded rasters, or font dependencies, and a render-and-look pass checks the mark on a light background, a dark background, and a 32px favicon tile. The process repeats for a few rounds, fixing what it finds each time, until every check passes.
...more
Added 2 days ago
