mcpField
D
discord-graphics-generation

discord-graphics-generation

github.com/eachlabsデザイン・UI44207 回インストール今日更新
リポジトリ

discord-graphics-generation について

discord-graphics-generationは、each::senseでDiscordサーバー向け画像を作るスキルです。コミュニティ管理者やデザイナー向けに、アイコン、バナー、ロール画像、絵文字などをサイズの指針とともに扱います。

主な機能

  1. 01サーバーアイコンとバナーの生成
  2. 02ロールアイコンとボットアバターの作成
  3. 03ウェルカム・ルール・告知画像の作成
  4. 04カスタム絵文字とステッカーの生成
  5. 05Discordの配置に合わせたサイズ指定

活用シーン

  1. 01新しいコミュニティのブランド素材作成
  2. 02イベントバナーや告知画像の制作
  3. 03サーバーロール用の統一アイコン作成
  4. 04サーバー用絵文字とステッカーの制作

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/eachlabs/skills --skill discord-graphics-generation

インストール後、Claude Code で/discord-graphics-generationを入力して読み込まれたか確認します。

同梱ファイルreferences/SSE-EVENTS.md

詳細

Discord グラフィックの生成

each::sense を使って、プロ品質の Discord サーバー用グラフィックを生成します。このスキルでは、Discord のさまざまなグラフィック配置、サイズ、ベストプラクティスに最適化された画像を作成します。

機能

  • サーバーアイコン:サーバーの識別用アイコン(512x512)
  • サーバーバナー:サーバープロフィール用の横長バナー(960x540)
  • ロールアイコン:ロールの識別用アイコン(64x64)
  • ウェルカムグラフィック:ウェルカムエリア用のチャンネルヘッダー
  • ルールグラフィック:ルールチャンネル用のビジュアルヘッダー
  • 告知バナー:目を引く告知用グラフィック
  • イベントバナー:サーバーイベントの宣伝用グラフィック
  • ボットのアバター:Discord ボット用のカスタムアバター
  • 絵文字パック:サーバー用のカスタム絵文字
  • ブースターバッジ:サーバーブースターを称えるグラフィック

クイックスタート

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a Discord server icon for a gaming community called Pixel Warriors, featuring a pixel art sword and shield with purple and blue colors"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

Discord グラフィックの形式とサイズ

アセットの種類サイズアスペクト比用途
サーバーアイコン512x5121:1サーバーの識別用。あらゆる場所に表示されます
サーバーバナー960x54016:9サーバープロフィールのヘッダー(Nitro Level 2 以上)
ロールアイコン64x641:1ユーザー名の横に表示されるロールバッジ
招待スプラッシュ1920x108016:9サーバー招待の背景(Nitro Level 1 以上)
サーバーディスカバリー1024x10241:1サーバーディスカバリーの一覧表示
カスタム絵文字128x1281:1サーバーの絵文字(最大256KB)
ステッカー320x3201:1カスタムステッカー

用途の例

1. Discord サーバーアイコン
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 512x512 Discord server icon for a tech community called CodeHub. Feature a modern code bracket symbol with gradient from cyan to purple, dark background, clean minimal design that reads well at small sizes."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
2. サーバーバナー
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 960x540 Discord server banner for an anime discussion community. Show a stylish anime-inspired cityscape at night with neon lights, purple and pink color scheme. Leave the center area less busy for the server name overlay."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
3. ロールアイコンのセット
# Admin role icon
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 64x64 Discord role icon for Admin role. Gold crown symbol on dark background, simple and recognizable at small size. Clean vector-style design."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "discord-roles-001"
  }'

# Moderator role icon (same session for consistency)
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 64x64 Discord role icon for Moderator role. Silver shield symbol, same style as the admin icon. Simple and recognizable."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "discord-roles-001"
  }'

# VIP role icon
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 64x64 Discord role icon for VIP members. Purple diamond or star symbol, matching the style of previous role icons."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "discord-roles-001"
  }'
4. ウェルカムチャンネルのグラフィック
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a wide banner graphic for a Discord welcome channel. Friendly and inviting design with soft gradients in blue and purple. Include visual space for welcome text. Aspect ratio 16:9, dimensions 1200x675. Make it warm and community-focused."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
5. ルールチャンネルのグラフィック
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a Discord rules channel header graphic. Professional and authoritative design with a scroll or document motif. Dark theme with gold accents. 1200x400 pixels. Include subtle gavel or scales of justice imagery. Clean and readable."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
6. 告知グラフィック
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a Discord announcement banner for a server update. Exciting and attention-grabbing with a megaphone or notification bell motif. Red and orange energy colors with dark background. 1200x600 pixels. Space for announcement text."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
7. イベントバナー
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a Discord event banner for a gaming tournament. Esports style with dynamic angles and energy effects. Team colors: red vs blue. 1200x675 pixels. Include space for event name, date, and prize info. Competitive and exciting mood."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
8. ボットのアバター
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 512x512 Discord bot avatar for a music bot called BeatBot. Friendly robot face with headphones, musical notes floating around. Cyan and white color scheme on dark background. Cute but modern design, reads well as small circle."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
9. 絵文字パックの生成
# Generate consistent emoji set
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 128x128 Discord emoji of a happy pepe-style frog giving thumbs up. Simple, clean design with thick outlines for visibility at small sizes. Green frog, expressive eyes."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "emoji-pack-001"
  }'

# Sad emoji
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 128x128 Discord emoji of the same frog character but sad with a single tear. Same art style as before, consistent design."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "emoji-pack-001"
  }'

# Laughing emoji
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 128x128 Discord emoji of the same frog character laughing hard with tears of joy. Consistent style with previous emojis."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "emoji-pack-001"
  }'
10. サーバーブースターバッジ
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 64x64 Discord role icon for Server Boosters. Premium feel with Discord Nitro pink/purple gradient colors. Lightning bolt or rocket symbol to represent boost. Shiny metallic effect, stands out from other role icons."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

ベストプラクティス

サーバーアイコン
  • シンプルさ:32x32ピクセルでも認識できるデザインにします
  • コントラスト:視認性を高めるため、コントラストの高い色を使います
  • 中央配置:主要な要素を中央に配置します(円形で表示されます)
  • テキストなし:小さいサイズでは読めないため、テキストは避けます
  • ブランドカラー:ブランドやコミュニティの色を統一して使います
ロールアイコン
  • 最大64x64:Discord のロールアイコンは64x64までです
  • シンプルな形状:小さいサイズでは複雑なディテールが見えなくなります
  • 色分け:ロールのレベルごとに異なる色を使います
  • 統一感:スタイルを揃え、まとまりのあるセットを作ります
  • 透明度:透明な背景を使います
バナーとヘッダー
  • セーフゾーン:重要な要素を端から離して配置します
  • テキスト用スペース:重ねて表示するテキストのための余白を確保します
  • モバイル対応:モバイルでの見え方を確認します
  • ファイルサイズ:バナーは10MB未満にします
絵文字
  • 128x128:Discord 絵文字の標準サイズです
  • 256KB の上限:ファイルサイズを上限未満に保ちます
  • 太い輪郭線:小さいサイズでも見やすくなります
  • 透明な背景:幅広く使えるよう、透明にします
  • 表情を重視:感情や動作を強調します

Discord グラフィック用プロンプトのヒント

Discord グラフィックを作成するときは、プロンプトに次の詳細を含めます。

  1. 正確なサイズ:寸法を指定します(512x512、960x540、64x64 など)
  2. アセットの種類:サーバーアイコン、バナー、ロールアイコン、絵文字など
  3. テーマ/スタイル:ゲーム、アニメ、プロフェッショナル、ミニマリストなど
  4. 色:特定の色を指定するか、テーマに基づいて AI に選ばせます
  5. 主要な要素:含めるシンボル、マスコット、画像など
  6. 読みやすさ:小さいサイズでも使える必要がある場合は、その旨を記載します
  7. テキスト用スペース:テキストを重ねる余白が必要な場合は、その旨を記載します
プロンプトの構成例
"Create a [size] Discord [asset type] for [community type/name].
Feature [key visual elements] with [color scheme].
Style: [aesthetic description].
[Additional requirements like small-size readability, text space, etc.]"

モードの選択

生成する前にユーザーに確認します。

「高速で低コストなものと、高品質なもののどちらにしますか?」

モード最適な用途速度品質
max最終アセット、サーバーのブランディング、公開用グラフィック遅め最高
eco素早い下書き、コンセプトの検討、大量の絵文字生成速め良好

複数ターンでのクリエイティブな反復

session_id を使って Discord グラフィックを反復して作成します。

# Initial server icon concept
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 512x512 Discord server icon for a space exploration gaming community"}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "space-server-branding"
  }'

# Iterate based on feedback
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Make the planet more prominent and add some stars in the background. Keep the same color scheme."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "space-server-branding"
  }'

# Create matching banner
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Now create a matching 960x540 server banner with the same space theme and color palette"}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "space-server-branding"
  }'

サーバーの完全なブランディングセット

一貫性のあるブランディングパッケージを生成します。

# 1. Server icon
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 512x512 Discord server icon for a creative art community called ArtVault. Modern abstract paint splash design, vibrant rainbow colors on dark background."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "artvault-branding",
    "mode": "max"
  }'

# 2. Server banner
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a matching 960x540 server banner. Extend the paint splash theme across a wider canvas. Same colors and style."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "artvault-branding",
    "mode": "max"
  }'

# 3. Role icons
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create 3 role icons (64x64 each) for Artist, Moderator, and VIP roles. Use paintbrush for Artist (blue), palette for Mod (orange), and star for VIP (gold). Same art style as the server icon."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "artvault-branding",
    "mode": "max"
  }'

エラー処理

エラー原因解決策
Failed to create prediction: HTTP 422残高不足eachlabs.ai でチャージしてください
コンテンツポリシー違反禁止されているコンテンツDiscord コミュニティガイドラインに準拠するようにプロンプトを調整してください
タイムアウト複雑な生成クライアントのタイムアウトを最低 10 分に設定してください
画像が大きすぎますファイルサイズが上限を超えていますより小さい寸法、またはよりシンプルなデザインを指定してください

関連スキル

  • each-sense - コア API ドキュメント
  • social-media-graphics - ソーシャルメディア用アセット
  • logo-generation - ブランドロゴの作成
  • character-design - マスコットとキャラクターの作成

コメント