svg-gen

What problem does it solve?

Designers and engineers often need consistent, small-footprint vector assets that scale, remain accessible, and integrate cleanly into web and app stacks; this Skill eliminates inconsistent exports, editor noise, and accessibility oversights by prescribing a viewBox-first, grouped, and optimized authoring approach.

Core Features & Use Cases

• Icon authoring: Grid-aligned, 24x24 default icons with currentColor theming, crisp stroke rules, and optional symbol sprites for reuse.
• Logo and branding: Concept directions, horizontal/vertical/square lockups, palette classes, prefixed IDs to avoid collisions, and export-ready naming and layout guidance.
• Optimization & handoff: Remove editor noise, merge paths when sensible, trim decimals, and produce accessible variants (aria-hidden for decorative, role/img plus title/desc for communicative).
• Use Case: Deliver a set of app icons and brand lockups that work inline, as favicons, and in design handoffs with documented palettes and export commands.

Quick Start

Generate a 24x24 production-ready icon SVG with a deliberate viewBox, fill set to currentColor, file-scoped prefixed IDs, and appropriate accessibility attributes.