Claude
Skills
Sign in
Back

logo-generator

Included with Lifetime
$97 forever

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

Generalscripts

What this skill does


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**:
```bash
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**:
```bash
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](reference.md).

Related in General