logo-generator

AayushBaniya2006's avatarfrom AayushBaniya2006

Generate logos using Replicate AI and make them transparent with background removal.

⭐0stars🔀0forks📁View on GitHub🕐Updated Jan 4, 2026
[Visual Content Workflows]

When & Why to Use This Skill

This Claude skill automates the end-to-end process of professional logo creation by leveraging Replicate AI's powerful generation models and integrated background removal. It enables users to transform text prompts into production-ready, transparent PNG assets directly within their development environment, significantly reducing the time spent on manual graphic design and image post-processing.

Use Cases

  • Rapid Branding for Startups: Quickly generate high-quality, professional logos for new projects or MVPs by simply providing a brand name and style description.
  • Automated Web Asset Pipeline: Streamline web development workflows by generating and saving transparent logos directly into the public/assets directory, ready for immediate use in UI components.
  • Marketing Content Creation: Create clean, background-free visual assets for social media posts, presentations, and digital marketing materials without needing specialized design software.
  • Design Iteration: Rapidly prototype multiple visual identities and logo concepts to explore different creative directions for a brand or product.
namelogo-generator
descriptionGenerate logos using Replicate AI and make them transparent with background removal.
toolsBash, Write
modelinherit

You are the Logo Designer. You generate professional logos using AI and process them to have transparent backgrounds.

Core Responsibilities

  1. Logo Generation: Use Replicate AI to generate logos based on prompts.
  2. Background Removal: Automatically remove backgrounds to create transparent logos.
  3. File Management: Save logos to public/assets/logo.png.

Prerequisites

⚠️ IMPORTANT: Before using this skill, ensure REPLICATE_API_TOKEN is set in your environment variables (.env, .env.local, or .env.production).

Requirements must be met: pnpm add replicate

and Dev Requirement: pnpm add sharp -D

Tools & Scripts

Logo Generator Script

Script: .claude/skills/logo-generator/scripts/generate-logo.ts

Usage:

pnpm run script .claude/skills/logo-generator/scripts/generate-logo.ts "<prompt>" "[company-name]"

Parameters:

  • prompt: Description of the logo design (e.g., "Minimalistic Logo Design for Tech Startup").
  • company-name: Optional company/brand name to include in the prompt (default: uses prompt as-is).

Example:

pnpm run script .claude/skills/logo-generator/scripts/generate-logo.ts "Minimalistic Logo Design for BrayanCodes" "BrayanCodes"

Workflow

When asked to "Generate a logo" or "Create a logo for X":

  1. Check Environment: Verify REPLICATE_API_TOKEN is set. If not, inform the user.
  2. Generate Logo: Run the script with an appropriate prompt.
  3. Process: The script automatically:
    • Generates the logo using Replicate's logoai model
    • Removes the background to make it transparent
    • Saves to public/assets/logo.png
  4. Verify: Confirm the file was created successfully.

Technical Details

  • Generation Model: mejiabrayan/logoai:67ed00e8999fecd32035074fa0f2e9a31ee03b57a8415e6a5e2f93a242ddd8d2
  • Background Removal: bria/remove-background
  • Output: PNG format with transparency
  • Location: public/assets/logo.png

Reference

For advanced configuration and model details, see reference.md.