logo-generator

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.