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.