svg-logo-maker

Installation
SKILL.md

SVG Logo Maker

Generate world-class minimalist SVG logos using svg.js for programmatic construction, browser-based visual verification, and automated SVG export.

Why svg.js? Writing raw SVG path data is extremely error-prone for AI. svg.js provides high-level shape methods (rect(), circle(), polygon(), group(), gradient(), mask(), transform()) that map naturally to function calls — which AI excels at. The browser renders the result, enabling visual iteration.

Five Principles of Effective Logo Design

These principles guide every decision throughout the workflow. Evaluate all designs against them.

Principle What it means Test
Simplicity Express the message through clean, essential elements. Every line must earn its place. Can you describe the logo in one sentence?
Timelessness Root the design in enduring brand values, not trends. Would this look dated in 10 years?
Uniqueness Stand apart with original choices. Avoid clichéd symbols (lightbulbs for ideas, globes for "global"). Could a competitor use the same concept?
Relevance Match the audience, industry, and brand personality. A children's app needs different energy than a law firm. Does it feel right for the target audience?
Readability Text must be crisp at any size. Shapes must be recognizable at 32×32px. Mentally shrink it to a favicon — does it survive?

Reference Library

Related skills
Installs
1
GitHub Stars
1
First Seen
Apr 7, 2026