logo-generator

Generate monochrome SVG logo variants and Gemini-rendered showcase images constrained to a project design system.

Updated Mar 28, 2026
One-click install
npx skills add https://github.com/po4yka/blog --skill logo-generator-po4yka
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: logo-generator
Source: https://github.com/po4yka/blog/tree/main/.agents/skills/logo-generator
Command: npx skills add https://github.com/po4yka/blog --skill logo-generator-po4yka

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires google-genai, python-dotenv, cairosvg, Pillow, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve? Creating a logo that respects a strict design system is slow and error-prone: marks drift into banned colors, gradients, glows, or off-brand typography. This Skill generates SVG logo variants that are guaranteed to follow the repo's Swiss + operator-console design language, and optionally renders presentation images against six approved neutral backgrounds. ## Core Features & Use Cases - SVG variant generation: Produces at least 6 categorically distinct logo variants (dots, lines, geometric, network, mixed) using currentColor, a fixed 0 0 100 100 viewBox, and a 40% negative-space rule. - Design-system enforcement: Blocks chromatic accents, gradients, glow effects, pill radii, and non-Geist typography, with six banned showcase backgrounds explicitly removed. - Showcase rendering: Exports PNGs via cairosvg and renders 16:9 2K presentation images through Gemini's Nano Banana model against six on-brand backgrounds (void, frosted, spotlight, editorial, clinical, swiss_flat). - Use Case: Ask for a logo for a new CLI tool, review six variants in an interactive HTML gallery, iterate on two favorites, then render showcase images on the swiss_flat and void backgrounds for the project README. ## Quick Start Ask the assistant to generate a logo for your project by name and concept, for example: generate a logo for a Kotlin MobileOps CLI called signal.

Frequently Asked Questions about logo-generator

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

FAQPage Schema
How do I generate SVG logo variants for a project?

Describe the product name, category, and core concept, and the Skill produces at least six categorically distinct SVG variants drawn from its design pattern library. Variants are presented in an interactive HTML gallery with a rationale and pattern-family label for each.

How do I render logo showcase images with Gemini?

Export the chosen SVG to PNG with scripts/svg_to_png.py, then run scripts/generate_showcase.py with a style key such as swiss_flat or void. This phase requires a GEMINI_API_KEY in a local .env file and uses the gemini-3.1-flash-image-preview model.

Can I use custom brand colors in the generated logo?

No. The Skill enforces the project's neutral token palette and generates marks in currentColor only, with no hex, rgb, gradients, or chromatic accents. Any colorization is left to the consumer of the SVG, not hardcoded into the mark.

Why are some background styles like iridescent or led_matrix unavailable?

Six upstream styles were intentionally removed because they introduce chromatic accents, iridescence, glow, or gradients that violate the project's DESIGN.md. Only the six neutral styles (void, frosted, spotlight, editorial, clinical, swiss_flat) remain in both the reference doc and the generation script.

What should I do if PNG export or showcase generation fails?

For PNG export, install cairosvg (on macOS you may also need brew install cairo pango). For showcase failures, verify GEMINI_API_KEY is set in .env, the reference PNG exists, and your Gemini quota is not exhausted; proxy endpoints must include the version segment in GEMINI_API_BASE_URL.