← Back to Skills

Svg Logo Creator

🌐Community
by kbravh · vlatest · Repository

Generates SVG logos from text prompts, streamlining brand visuals and offering a versatile design tool for web projects.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add svg-logo-creator npx -- -y @trustedskills/svg-logo-creator
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "svg-logo-creator": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/svg-logo-creator"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

The Svg Logo Creator skill enables AI agents to generate scalable SVG logos from text prompts and design specifications. It guides a structured workflow involving planning, creating a primary logo, generating variations (horizontal, stacked, icon-only, wordmark-only, monochrome, inverted), and saving files with consistent naming conventions. The tool is intended for streamlining brand visuals and providing a versatile design resource for web projects.

When to use it

  • You need a quick and easy way to create basic SVG logos for new brands or projects.
  • You have a logo concept brief already defined, including text, type, visual concept, colors, and typography direction.
  • You require multiple variations of a logo (horizontal, stacked, icon-only, etc.) for different use cases like favicons or mobile displays.
  • You want to ensure your logos are scalable and adhere to SVG best practices.

Key capabilities

  • Generates SVG code based on provided text prompts and design specifications.
  • Supports various logo types: wordmark, lettermark, pictorial, abstract, combination, emblem.
  • Facilitates the creation of standard logo variations (primary/horizontal, stacked/vertical, icon-only, wordmark-only, monochrome, inverted).
  • Encourages use of CSS custom properties for color management within the SVG code.
  • Promotes best practices like using viewBox for scalability and defining reusable elements with <use>.

Example prompts

  • "Create a horizontal logo for 'Acme Corp' with a tagline 'Innovating Tomorrow'."
  • "Generate an icon-only version of the 'Sunrise Bakery' logo, incorporating a rising sun."
  • "Produce a monochrome (black) version of the 'GlobalTech Solutions' logo."

Tips & gotchas

  • Gather all necessary design details (text, logo type, visual concept, colors, typography direction) before prompting the skill. A complete brief will yield better results.
  • The generated SVG code is intended as a starting point; further refinement and customization may be required.
  • Pay attention to the suggested viewBox dimensions (typically 100x100 or proportional) for optimal scalability.
View Repository →

Tags

🛡️

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
kbravh
Installs
36
Repository (canonical source) →

🌐 Community

Passed automated security scans.