{"id":"25041ad5-8c61-4339-b2d9-5635b7d33eca","shortId":"fRUGUz","kind":"skill","title":"logo-creator","tagline":"Create logos using AI image generation. Discuss style/ratio, generate variations, iterate with user feedback, crop, remove background, and export as SVG. Use when user wants to create a logo, icon, favicon, brand mark, mascot, emblem, or design a logo.","description":"# Logo Creator Skill\n\nCreate professional logos through AI image generation with an iterative design process.\n\n## Prerequisites\n\n**Required API Keys (set in environment):**\n- `GEMINI_API_KEY` - Get from [Google AI Studio](https://aistudio.google.com/apikey)\n- `REMOVE_BG_API_KEY` - Get from [remove.bg](https://www.remove.bg/api)\n- `RECRAFT_API_KEY` - Get from [recraft.ai](https://www.recraft.ai/)\n\n**Required Skills:**\n- `nanobanana` - AI image generation (Gemini 3 Pro Image)\n\n\n\n## File Output Location\n\nAll generated files should be saved to the `.skill-archive` directory:\n\n```\n.skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/\n```\n\n**Example:**\n```\n.skill-archive/logo-creator/2026-01-18-opc-logo/\n  logo-01.png\n  logo-02.png\n  ...\n  logo-09-cropped.png\n  logo-09-nobg.png\n  logo-09.svg\n  preview.html\n```\n\n**Guidelines:**\n- Use current date in format `yyyy-mm-dd`\n- Add short summary name (project/brand name, kebab-case)\n- Create directory before generating first logo\n- Keep all variations and iterations in same folder\n- Final approved logo should be copied to user's desired location\n\n## Workflow\n\n### Step 1: Discovery & Requirements\n\nBefore generating, gather requirements from user:\n\n**Ask about:**\n1. **Project/Brand name** - What is the logo for?\n2. **Style preference** - See [references/styles.md](./references/styles.md) for options:\n   - Pixel art / 8-bit retro\n   - Minimalist / flat design\n   - 3D / isometric\n   - Hand-drawn / sketch\n   - Mascot / character\n   - Monogram / lettermark\n   - Abstract / geometric\n\n3. **Aspect ratio** - Default is 1:1 (square), options:\n   - `1:1` - Square (favicons, app icons)\n   - `16:9` - Wide (headers, banners)\n   - `4:3` - Standard\n   - `2:3` - Portrait\n\n4. **Color preferences**:\n   - Monochrome (black & white)\n   - Specific brand colors\n   - Let AI decide\n\n5. **Reference images** - Any existing logos or styles to reference?\n\n**Wait for user confirmation before proceeding!**\n\n### Step 2: Generate Logo Variations\n\nGenerate 20 logo variations (default) using the `nanobanana` skill:\n\n```bash\n# Generate single logo\npython3 <nanobanana_skill_dir>/scripts/generate.py \"{style} logo for {brand}, {description}, {colors}\" \\\n  --ratio 1:1 -o .skill-archive/logo-creator/<date-name>/logo-01.png\n\n# Batch generate 20 logos\npython3 <nanobanana_skill_dir>/scripts/batch_generate.py \"{style} logo for {brand}, {description}, {colors}\" \\\n  -n 20 --ratio 1:1 -d .skill-archive/logo-creator/<date-name> -p logo\n```\n\n**Guidelines:**\n- Use batch_generate.py for multiple variations (includes auto-delay)\n- Save to `.skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/` directory\n- Use sequential naming: `logo-01.png`, `logo-02.png`, etc.\n\n**Prompt Tips:**\n- Include style keywords: \"pixel art\", \"minimalist\", \"8-bit\", \"flat design\"\n- Specify colors: \"black on white\", \"monochrome\", \"blue gradient\"\n- Add context: \"tech startup\", \"food brand\", \"gaming company\"\n- Request format: \"icon\", \"emblem\", \"mascot\", \"lettermark\"\n\n### Step 3: Create HTML Preview\n\nCopy the preview template and open in browser:\n\n```bash\ncp <skill_dir>/templates/preview.html .skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/preview.html\n```\n\nThen open in default browser:\n\n```bash\nopen .skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/preview.html\n```\n\n**IMPORTANT:** Update the HTML to include the correct number of logos generated.\n\n### Step 4: Iterate with User\n\nAsk user which logos they prefer:\n- \"Which logos do you like? (e.g., #5, #12, #18)\"\n- \"What do you like about them?\"\n- \"Any changes you'd want?\"\n\nBased on feedback:\n1. Generate 10-20 more variations of favorite styles\n2. Use naming: `logo-{original}-v{n}.png` (e.g., `logo-05-v1.png`)\n3. Update HTML preview\n4. Repeat until user selects final logo\n\n### Step 5: Finalize Logo\n\nOnce user approves a logo, process it:\n\n**5a. Crop whitespace (make 1:1 with no margins):**\n```bash\npython3 <skill_dir>/scripts/crop_logo.py {input.png} {output-cropped.png}\n```\n\n**5b. Remove background:**\n```bash\npython3 <skill_dir>/scripts/remove_bg.py {input.png} {output-nobg.png}\n```\n\n**5c. Convert to SVG:**\n```bash\npython3 <skill_dir>/scripts/vectorize.py {input.png} {output.svg}\n```\n\n### Step 6: Deliver Final Assets\n\nPresent final deliverables:\n\n```\n## Final Logo Assets\n\n| File | Description | Size |\n|------|-------------|------|\n| logo.png | Original | 1024x1024 |\n| logo-cropped.png | No margins, 1:1 | ~800x800 |\n| logo-nobg.png | Transparent background | ~800x800 |\n| logo.svg | Vector (scalable) | ~20KB |\n\nAll files saved to: `.skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/`\nCopy final logo to user's desired location.\n```\n\n## Quick Reference\n\n### Common Prompt Patterns\n\n**Pixel Art:**\n```\nPixel art {subject} logo, 8-bit retro style, black pixels on white background, {size}x{size} grid, minimalist icon\n```\n\n**Minimalist:**\n```\nMinimalist {subject} logo, flat design, clean lines, {color} on white, simple geometric shapes\n```\n\n**Mascot:**\n```\nCute {animal/character} mascot logo, friendly expression, {style} style, {colors}, suitable for brand icon\n```\n\n**Lettermark:**\n```\nLetter \"{letter}\" logo, modern typography, {style} design, {colors}, clean professional look\n```\n\n### Supported Aspect Ratios\n\n- `1:1` - Square (default for logos)\n- `2:3`, `3:2` - Portrait/Landscape\n- `3:4`, `4:3` - Standard\n- `4:5`, `5:4` - Photo\n- `9:16`, `16:9` - Wide\n- `21:9` - Ultra-wide\n\n## References\n\n- [references/styles.md](./references/styles.md) - Logo style guide with prompt examples\n- [examples/opc-logo-creation.md](./examples/opc-logo-creation.md) - Full example conversation","tags":["logo","creator","opc","skills","resciencelab","agent-skills","ai-tools","claude-code","geo","llm-tools","seo"],"capabilities":["skill","source-resciencelab","skill-logo-creator","topic-agent-skills","topic-ai-tools","topic-claude-code","topic-geo","topic-llm-tools","topic-opc","topic-seo"],"categories":["opc-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/ReScienceLab/opc-skills/logo-creator","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add ReScienceLab/opc-skills","source_repo":"https://github.com/ReScienceLab/opc-skills","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 829 github stars · SKILL.md body (5,576 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-02T18:52:57.054Z","embedding":null,"createdAt":"2026-04-18T21:56:34.305Z","updatedAt":"2026-05-02T18:52:57.054Z","lastSeenAt":"2026-05-02T18:52:57.054Z","tsv":"'-20':480 '/)':94 '/api)':85 '/apikey)':75 '/examples/opc-logo-creation.md':706 '/logo-01.png':316 '/logo-creator':123,315,338,356,417,429,587 '/logo-creator/2026-01-18-opc-logo':128 '/preview.html':418,430 '/references/styles.md':205,698 '/scripts/batch_generate.py':322 '/scripts/crop_logo.py':529 '/scripts/generate.py':301 '/scripts/remove_bg.py':537 '/scripts/vectorize.py':546 '/templates/preview.html':413 '1':181,192,233,234,237,238,309,310,332,333,477,522,523,569,570,665,666 '10':479 '1024x1024':565 '12':461 '16':243,687,688 '18':462 '2':200,251,283,486,671,674 '20':288,319,330 '20kb':579 '21':691 '3':102,228,249,252,399,496,672,673,676,679 '3d':216 '4':248,254,444,500,677,678,681,684 '5':266,460,508,682,683 '5a':518 '5b':532 '5c':540 '6':550 '8':210,372,607 '800x800':571,575 '9':244,686,689,692 'abstract':226 'add':145,384 'ai':7,50,71,98,264 'aistudio.google.com':74 'aistudio.google.com/apikey)':73 'animal/character':638 'api':60,66,78,87 'app':241 'approv':169,513 'archiv':118,122,127,314,337,355,416,428,586 'art':209,370,602,604 'ask':190,448 'aspect':229,663 'asset':553,559 'auto':349 'auto-delay':348 'background':20,534,574,615 'banner':247 'base':474 'bash':296,411,424,527,535,544 'batch':317 'batch_generate.py':343 'bg':77 'bit':211,373,608 'black':258,378,611 'blue':382 'brand':35,261,305,326,389,648 'browser':410,423 'case':153 'chang':470 'charact':223 'clean':628,659 'color':255,262,307,328,377,630,645,658 'common':598 'compani':391 'confirm':279 'context':385 'convers':709 'convert':541 'copi':173,403,588 'correct':438 'cp':412 'creat':4,30,46,154,400 'creator':3,44 'crop':18,519 'current':137 'cute':637 'd':334,472 'date':138 'dd':144 'decid':265 'default':231,291,422,668 'delay':350 'deliv':551 'deliver':556 'descript':306,327,561 'design':40,56,215,375,627,657 'desir':177,594 'directori':119,155,357 'discoveri':182 'discuss':10 'drawn':220 'e.g':459,494 'emblem':38,395 'environ':64 'etc':363 'exampl':124,704,708 'examples/opc-logo-creation.md':705 'exist':270 'export':22 'express':642 'favicon':34,240 'favorit':484 'feedback':17,476 'file':105,110,560,581 'final':168,505,509,552,555,557,589 'first':158 'flat':214,374,626 'folder':167 'food':388 'format':140,393 'friend':641 'full':707 'game':390 'gather':186 'gemini':65,101 'generat':9,12,52,100,109,157,185,284,287,297,318,442,478 'geometr':227,634 'get':68,80,89 'googl':70 'gradient':383 'grid':619 'guid':701 'guidelin':135,341 'hand':219 'hand-drawn':218 'header':246 'html':401,434,498 'icon':33,242,394,621,649 'imag':8,51,99,104,268 'import':431 'includ':347,366,436 'input.png':530,538,547 'isometr':217 'iter':14,55,164,445 'kebab':152 'kebab-cas':151 'keep':160 'key':61,67,79,88 'keyword':368 'let':263 'letter':651,652 'lettermark':225,397,650 'like':458,466 'line':629 'locat':107,178,595 'logo':2,5,32,42,43,48,159,170,198,271,285,289,299,303,320,324,340,441,451,455,489,506,510,515,558,590,606,625,640,653,670,699 'logo-01.png':129,361 'logo-02.png':130,362 'logo-05-v1.png':495 'logo-09-cropped.png':131 'logo-09-nobg.png':132 'logo-09.svg':133 'logo-cr':1 'logo-cropped.png':566 'logo-nobg.png':572 'logo.png':563 'logo.svg':576 'look':661 'make':521 'margin':526,568 'mark':36 'mascot':37,222,396,636,639 'minimalist':213,371,620,622,623 'mm':143 'modern':654 'monochrom':257,381 'monogram':224 'multipl':345 'n':329,492 'name':148,150,194,360,488 'nanobanana':97,294 'number':439 'o':311 'open':408,420,425 'option':207,236 'origin':490,564 'output':106 'output-cropped.png':531 'output-nobg.png':539 'output.svg':548 'p':339 'pattern':600 'photo':685 'pixel':208,369,601,603,612 'png':493 'portrait':253 'portrait/landscape':675 'prefer':202,256,453 'prerequisit':58 'present':554 'preview':402,405,499 'preview.html':134 'pro':103 'proceed':281 'process':57,516 'profession':47,660 'project/brand':149,193 'prompt':364,599,703 'python3':300,321,528,536,545 'quick':596 'ratio':230,308,331,664 'recraft':86 'recraft.ai':91 'refer':267,275,597,696 'references/styles.md':204,697 'remov':19,76,533 'remove.bg':82 'repeat':501 'request':392 'requir':59,95,183,187 'retro':212,609 'save':113,351,582 'scalabl':578 'see':203 'select':504 'sequenti':359 'set':62 'shape':635 'short':146 'simpl':633 'singl':298 'size':562,616,618 'sketch':221 'skill':45,96,117,121,126,295,313,336,354,415,427,585 'skill-arch':116,120,125,312,335,353,414,426,584 'skill-logo-creator' 'source-resciencelab' 'specif':260 'specifi':376 'squar':235,239,667 'standard':250,680 'startup':387 'step':180,282,398,443,507,549 'studio':72 'style':201,273,302,323,367,485,610,643,644,656,700 'style/ratio':11 'subject':605,624 'suitabl':646 'summari':147 'support':662 'svg':24,543 'tech':386 'templat':406 'tip':365 'topic-agent-skills' 'topic-ai-tools' 'topic-claude-code' 'topic-geo' 'topic-llm-tools' 'topic-opc' 'topic-seo' 'transpar':573 'typographi':655 'ultra':694 'ultra-wid':693 'updat':432,497 'use':6,25,136,292,342,358,487 'user':16,27,175,189,278,447,449,503,512,592 'v':491 'variat':13,162,286,290,346,482 'vector':577 'wait':276 'want':28,473 'white':259,380,614,632 'whitespac':520 'wide':245,690,695 'workflow':179 'www.recraft.ai':93 'www.recraft.ai/)':92 'www.remove.bg':84 'www.remove.bg/api)':83 'x':617 'yyyi':142 'yyyy-mm-dd':141","prices":[{"id":"72d5e65d-2317-488f-85db-2e9093fd96d0","listingId":"25041ad5-8c61-4339-b2d9-5635b7d33eca","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"ReScienceLab","category":"opc-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T21:56:34.305Z"}],"sources":[{"listingId":"25041ad5-8c61-4339-b2d9-5635b7d33eca","source":"github","sourceId":"ReScienceLab/opc-skills/logo-creator","sourceUrl":"https://github.com/ReScienceLab/opc-skills/tree/main/skills/logo-creator","isPrimary":false,"firstSeenAt":"2026-04-18T21:56:34.305Z","lastSeenAt":"2026-05-02T18:52:57.054Z"}],"details":{"listingId":"25041ad5-8c61-4339-b2d9-5635b7d33eca","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"ReScienceLab","slug":"logo-creator","github":{"repo":"ReScienceLab/opc-skills","stars":829,"topics":["agent-skills","ai-tools","claude-code","geo","llm-tools","opc","seo"],"license":"apache-2.0","html_url":"https://github.com/ReScienceLab/opc-skills","pushed_at":"2026-05-02T06:47:51Z","description":"Agent Skills for Solopreneurs","skill_md_sha":"99b5236ef652975d41ef3ce0fa393f537b61f161","skill_md_path":"skills/logo-creator/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/ReScienceLab/opc-skills/tree/main/skills/logo-creator"},"layout":"multi","source":"github","category":"opc-skills","frontmatter":{"name":"logo-creator","description":"Create logos using AI image generation. Discuss style/ratio, generate variations, iterate with user feedback, crop, remove background, and export as SVG. Use when user wants to create a logo, icon, favicon, brand mark, mascot, emblem, or design a logo."},"skills_sh_url":"https://skills.sh/ReScienceLab/opc-skills/logo-creator"},"updatedAt":"2026-05-02T18:52:57.054Z"}}