Logo Generator
- 847 installs
- 787 repo stars
- Updated June 9, 2026
- kostja94/marketing-skills
logo-generator is a component skill from kostja94/marketing-skills that guides logo placement, sizing, alt text, linking, and SVG implementation for developers shipping brand-aligned headers on web and mobile.
About
logo-generator is a component skill in the kostja94/marketing-skills library—part of a markdown skill collection spanning SEO, pages, paid ads, and 40+ page types—for developers implementing logos that drive brand recall and navigation. It documents placement best practices for headers and heroes, minimum size and clear-space rules, primary/secondary/monogram variants for light and dark backgrounds, SVG formatting requirements, descriptive alt text, and homepage linking conventions. The skill pairs with branding, navigation-menu-generator, hero-generator, favicon-generator, and brand-visual-generator for consistent identity across touchpoints. Install via npx skills add https://github.com/kostja94/marketing-skills --skill logo-generator into .cursor/skills/logo-generator. Reach for logo-generator when coding header components, fixing illegible mobile logos, or auditing logo accessibility—not when designing the logo artwork itself.
- Reads project-context.md for existing brand guidelines before suggesting changes
- Provides platform-specific (web/mobile) logo implementation recommendations
- Optimizes for brand recall with data-backed placement advice including 89% higher recall for top-left positioning
- Ensures alignment with brand-visual-generator and media kit rules for clear space, minimum sizes, and variants
- Covers header, footer, standalone, favicon, and alt text use cases in one workflow
Logo Generator by the numbers
- 847 all-time installs (skills.sh)
- +4 installs in the week ending Jul 29, 2026 (Skillselion tracking)
- Ranked #468 of 1,888 Design & UI/UX skills by installs in the Skillselion catalog
- Security screen: LOW risk (skills.sh audit)
- Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/kostja94/marketing-skills --skill logo-generatorAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 847 |
|---|---|
| repo stars | ★ 787 |
| Security audit | 3 / 3 scanners passed |
| Last updated | June 9, 2026 |
| Repository | kostja94/marketing-skills ↗ |
How do you implement logos correctly in web and mobile headers?
Get precise, brand-aligned guidance on logo placement, sizing, alt text, linking, and implementation across web and mobile interfaces.
Who is it for?
Frontend developers implementing header and hero logos who need placement, SVG, alt text, clear space, and linking rules aligned with brand guidelines.
Skip if: AI logo artwork generation or full brand strategy workshops without existing logo assets to implement.
When should I use this skill?
The user codes header logos, sets logo alt text, defines clear-space sizing, or audits logo placement on web or mobile interfaces.
What you get
Logo placement specs, SVG implementation markup, alt text strings, clear-space rules, and variant guidance for header and hero components.
- Logo placement specification
- SVG and alt text markup
- Clear-space and variant rules
By the numbers
- Part of kostja94/marketing-skills covering 40+ page types and component skills
Files
SEO: Local
Guides local SEO: Google Business Profile, NAP consistency, and citation building. Businesses with accurate NAP across 40+ authoritative sites see ~19% higher visibility in Google Maps. Use this skill when optimizing for local search, setting up GBP, or auditing citations.
When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.
Initial Assessment
Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read Sections 4 (Audience), 5 (Website).
Identify: 1. Business type: Storefront vs service-area 2. Location: Single or multiple 3. Current listings: Existing GBP, directories
NAP Consistency
NAP = Name, Address, Phone. Critical for local rankings.
| Rule | Guideline |
|---|---|
| Exact match | "Street" vs "St." or "LLC" inconsistency = Google may treat as different entities |
| Fix first | Audit and fix inconsistencies before adding new citations |
| Tools | BrightLocal, Whitespark, Moz Local for audit |
Google Business Profile
| Element | Guideline |
|---|---|
| Address | Physical address; no P.O. boxes |
| Description | 750 chars; primary keywords in first 100 |
| Hours | Accurate; seasonal availability |
| Category | Primary category matches business type |
| Service-area | Hide address if no storefront; define service areas |
Citation Building
Targeted precision over submitting to every directory.
Priority order: 1. Google Business Profile 2. Apple Maps 3. Yelp, Bing Places, Facebook 4. Better Business Bureau, Foursquare, Nextdoor 5. Niche directories (Healthgrades, Angi, etc.)
Citation Audit
- Incorrect or outdated data
- Duplicate entries
- Missing listings on key directories
Fix before adding; compounding errors harm rankings.
Output Format
- NAP (exact format for consistency)
- GBP optimization checklist
- Citation priority list
- Audit findings (if applicable)
Related Skills
- geo: GEO for AI search; local + AI overlap
- localization-strategy: Multilingual; local + i18n
- directory-submission: Directory listings; different from local citations
Related skills
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.698k164k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.486k29.4k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst382k15.8k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k470
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.284k66.9k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.282k109kHow it compares
Pick this over branding strategy skills when you need concrete header SVG, alt text, and clear-space implementation rather than positioning workshops.
FAQ
What does logo-generator help implement?
logo-generator helps implement logo placement, sizing, clear space, SVG markup, descriptive alt text, and homepage linking in web and mobile headers so logos stay legible and accessible.
How do you install logo-generator in Cursor?
Install logo-generator with npx skills add https://github.com/kostja94/marketing-skills --skill logo-generator, then restart Cursor and invoke it from .cursor/skills/logo-generator via the command palette.
Does logo-generator create logo artwork?
No. logo-generator guides placement and implementation of existing logos—variants, clear space, SVG, and alt text—not AI artwork creation; pair it with brand-visual-generator for visual identity specs.
Is Logo Generator safe to install?
skills.sh reports 3 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.