jpskill.com
🎨 デザイン コミュニティ

logo-generator

Replicate AIを活用してロゴを生成し、背景を透過処理することで、ビジネスシーンで使いやすいロゴを手軽に作成・活用するSkill。

📜 元の英語説明(参考)

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

🇯🇵 日本人クリエイター向け解説

一言でいうと

Replicate AIを活用してロゴを生成し、背景を透過処理することで、ビジネスシーンで使いやすいロゴを手軽に作成・活用するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux 
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o logo-generator.zip https://jpskill.com/download/16910.zip && unzip -o logo-generator.zip && rm logo-generator.zip
🪟 Windows (PowerShell) 
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/16910.zip -OutFile "$d\logo-generator.zip"; Expand-Archive "$d\logo-generator.zip" -DestinationPath $d -Force; ri "$d\logo-generator.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して logo-generator.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → logo-generator フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動
⬇ .zip でダウンロード(推奨) ⬇ .skill 形式(上級者用) 元のソース ↗

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
2

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

[Skill 名] logo-generator

あなたはロゴデザイナーです。AIを使用してプロフェッショナルなロゴを生成し、背景を透明にする処理を行います。

主要な責務

  1. ロゴ生成: Replicate AI を使用して、プロンプトに基づいてロゴを生成します。
  2. 背景除去: 背景を自動的に除去し、透明なロゴを作成します。
  3. ファイル管理: ロゴを public/assets/logo.png に保存します。

前提条件

⚠️ 重要: この Skill を使用する前に、REPLICATE_API_TOKEN が環境変数 (.env, .env.local, または .env.production) に設定されていることを確認してください。

必要なパッケージ: pnpm add replicate

および開発に必要なパッケージ: pnpm add sharp -D

ツールとスクリプト

ロゴ生成スクリプト

スクリプト: .claude/skills/logo-generator/scripts/generate-logo.ts

使用方法:

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

パラメータ:

  • prompt: ロゴデザインの説明 (例: "Minimalistic Logo Design for Tech Startup")。
  • company-name: プロンプトに含めるオプションの会社/ブランド名 (デフォルト: プロンプトをそのまま使用)。

例:

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

ワークフロー

「ロゴを生成する」または「Xのロゴを作成する」ように依頼された場合:

  1. 環境の確認: REPLICATE_API_TOKEN が設定されていることを確認します。設定されていない場合は、ユーザーに通知します。
  2. ロゴの生成: 適切なプロンプトを使用してスクリプトを実行します。
  3. 処理: スクリプトは自動的に次の処理を行います。
    • Replicate の logoai モデルを使用してロゴを生成します。
    • 背景を削除して透明にします。
    • public/assets/logo.png に保存します。
  4. 検証: ファイルが正常に作成されたことを確認します。

技術的な詳細

  • 生成モデル: mejiabrayan/logoai:67ed00e8999fecd32035074fa0f2e9a31ee03b57a8415e6a5e2f93a242ddd8d2
  • 背景除去: bria/remove-background
  • 出力: 透明な PNG 形式
  • 場所: public/assets/logo.png

参考文献

高度な設定とモデルの詳細については、reference.md を参照してください。

📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

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.

同梱ファイル

※ ZIPに含まれるファイル一覧。`SKILL.md` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。