> ## Documentation Index
> Fetch the complete documentation index at: https://kindling.birklid.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Logo Generator Skill

> Claude Code skill that generates multiple geometric SVG logo variants with polished showcase mockups from a product description.

<div style={{display: "flex", gap: "8px", marginBottom: "1.5rem", flexWrap: "wrap"}}>
  <Badge>Open Source</Badge>
  <Badge color="#F97316">Applications Layer</Badge>
</div>

# Logo Generator Skill

**Get six or more geometric SVG logo variants with 12-background showcase mockups from a single product description.**

<Frame>
  <img src="https://mintcdn.com/tumbleweedlabs/QT0SlrwbzlJBSMcS/images/og-logo-generator-skill.png?fit=max&auto=format&n=QT0SlrwbzlJBSMcS&q=85&s=c9703951c0f60d6fb99c3dda9aad6db3" alt="Logo Generator Skill GitHub" width="1200" height="600" data-path="images/og-logo-generator-skill.png" />
</Frame>

<CardGroup cols={4}>
  <Card title="Type" icon="code-branch">Open Source (MIT)</Card>
  <Card title="Stack Layer" icon="browsers">Applications</Card>
  <Card title="Language" icon="code">HTML</Card>
  <Card title="Stars" icon="star">\~1k</Card>
</CardGroup>

## What it is

Logo Generator Skill is a Claude Code skill that applies design principles — extreme simplicity, generous negative space, geometric precision — to generate production-quality SVG logos from a product or brand description. Each run produces 6+ distinct design variants, then renders each on 12 curated background styles to show how they'll look in real contexts. Output includes both editable SVG and PNG formats.

The constraint-based approach (avoiding gradients and decorative complexity by default) results in logos that work across sizes and contexts, from app icons to print. It's intentionally minimal in scope: no interactive editor, just prompt-in, logos-out.

<Tip>
  **Use this when** you need a real logo fast — for a side project, internal tool, or startup MVP — and want multiple geometric options with mockups ready to share, not just a single AI-generated image.
</Tip>

## Get started

<CardGroup cols={2}>
  <Card title="GitHub ↗" icon="github" href="https://github.com/op7418/logo-generator-skill">
    Source code and installation.
  </Card>
</CardGroup>

## Related tools

<CardGroup cols={2}>
  <Card title="Huashu Design" icon="github" href="/library/skills/huashu-design">
    Broader design skill covering prototypes, slides, and motion graphics.
  </Card>

  <Card title="Impeccable" icon="globe" href="/library/design/impeccable">
    Design fluency skill that prevents generic AI-generated UI.
  </Card>
</CardGroup>