design-svg-logo

Generates SVG logo variants with validation and PNG raster export.

Updated Feb 16, 2026
One-click install
npx skills add https://github.com/GQAdonis/artifact-refiner-skill --skill design-svg-logo-gqadonis
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-svg-logo
Source: https://github.com/GQAdonis/artifact-refiner-skill/tree/main/skills/design-svg-logo
Command: npx skills add https://github.com/GQAdonis/artifact-refiner-skill --skill design-svg-logo-gqadonis

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires parse5, and includes scripts (resource) components.

What problem does it solve? Creating quick logo concepts for brand ideation usually requires design tools or manual SVG authoring, and LLM-generated SVG often contains invalid markup or unsafe content. This Skill produces validated icon, wordmark, and lockup SVG variants with automatic fallback and PNG export. ## Core Features & Use Cases - LLM or Placeholder Modes: Generate SVG via an LLM with strict parseability and XSS validation, or fall back to a deterministic Minijinja placeholder per variant. - Strict SVG Validation: Rejects any output containing <script> tags, on*= event handlers, or javascript: URLs, verified with parse5 parsing. - PNG Raster Export: Runs rsvg-convert to produce standard PNG sizes (16 through 512) per variant when available. - Use Case: Given a brand name and one-line brief, produce icon, wordmark, and lockup SVGs plus a PNG set for a pitch deck or prototype without building a full brand system. ## Quick Start Ask the agent to design an SVG logo for your brand by providing the brand name, a one-line brief, and an output directory, optionally specifying style keywords and a primary color.

Frequently Asked Questions about design-svg-logo

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an SVG logo from a brand name and brief?

Provide the brand name, a one-line brief, and an output directory. The skill generates icon, wordmark, and lockup SVG variants using an LLM by default, with optional style keywords and a primary color parameter.

When should I use design-svg-logo instead of refine-logo?

Use design-svg-logo for sketching one or two concept variants with SVG and PNG output only. Use refine-logo when you need a production brand system with a brand guide, showcase HTML, manifests, and a multi-variant suite.

How is LLM-generated SVG validated for security?

Every emitted SVG must open and close with svg tags, contain no script tags, no on* event-handler attributes, and no javascript: URLs, and must parse via parse5. Any output failing these checks falls back to a deterministic placeholder for that variant.

What happens if rsvg-convert is not installed for PNG export?

If rsvg-convert is unavailable, the skill copies the SVG to a .png filename with a warning instead of rasterizing. When available, icons get all sizes from 16 to 512, while wordmarks and lockups get sizes 128 and above.

What are the limitations of this logo generation approach?

It is intended for ideation only and does not produce a full brand guide, showcase HTML, or manifests. SVGs contain no raster embeds, use system fonts as fallback, and placeholder mode produces simple deterministic designs.