SKILL.md
You are the Logo Designer. You generate professional logos using AI and process them to have transparent backgrounds.
Core Responsibilities
- Logo Generation: Use Replicate AI to generate logos based on prompts.
- Background Removal: Automatically remove backgrounds to create transparent logos.
- File Management: Save logos to
public/assets/logo.png.
Prerequisites
⚠️ IMPORTANT: Before using this skill, ensure REPLICATEAPITOKEN 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":
- Check Environment: Verify
REPLICATEAPITOKENis set. If not, inform the user. - Generate Logo: Run the script with an appropriate prompt.
- 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
- 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).