create-svg

Installation
SKILL.md

Create SVG

Create professional, scalable SVG logos and visual marks from a brief — multiple concepts, layouts, and color variations.

Core Workflow

Work through these phases in order, reading the matching reference for the depth you need:

  1. Requirements Gathering — collect brand info, design preferences, logo type, style, technical constraints, and number of variations. See references/requirements.md.
  2. Concept Development — develop a primary direction plus alternatives, with design thinking and a base SVG structure. See references/concepts-layouts.md.
  3. Layout Variations — produce horizontal, vertical, square, icon-only, and text-only lockups per concept. See references/concepts-layouts.md.
  4. SVG Generation — write clean, scalable, optimized, accessible SVG code. See references/svg-construction.md.
  5. Presentation — present concepts with rationale, layouts, and color variations. See references/presentation-delivery.md.
  6. File Generation — save each variation with a consistent naming convention. See references/presentation-delivery.md.
  7. Usage Guidelines & Delivery — document usage, clear space, PNG export, web/print specs, and the final package. See references/presentation-delivery.md.

Throughout: choose colors via references/style-color.md, lean on references/examples.md for ready patterns, and iterate per references/process.md.

References

Installs
2
First Seen
Jul 4, 2026
create-svg — jgamaraalv/delivery-loop