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? |