mcpField
Q
qr-code-generation

qr-code-generation

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

qr-code-generation について

qr-code-generationは、each::senseでアート性のあるQRコードを作成するスキルです。マーケティングやデザイン用途に向け、ブランドカラー、ロゴ用スペース、背景との合成、グラデーションに対応し、読み取りやすさも重視します。

主な機能

  1. 01アート性のあるQRコードスタイル
  2. 02ロゴの統合と中央スペース
  3. 03ブランドカラーとグラデーション効果
  4. 04テーマ別デザインと背景への合成
  5. 05セッションでの反復とスタイル維持

活用シーン

  1. 01レストランメニュー用のブランドQRコード作成
  2. 02名刺向けのコンパクトなQRコード設計
  3. 03SNSプロフィール用のテーマ付きQRコード生成
  4. 04複数URL向けの統一感あるQRコード作成

インストール

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

$npx skills add https://github.com/eachlabs/skills --skill qr-code-generation

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

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

詳細

QR コード生成

each::sense を使用して、アーティスティックでブランドイメージに合った、見た目にも美しい QR コードを生成します。このスキルでは、機能性と美しいデザインを組み合わせた QR コードを作成でき、マーケティング資料、名刺、メニューなどに最適です。

特長

  • スタイリッシュな QR コード:標準的な QR コードをアーティスティックなデザインに変換します
  • ロゴの統合:QR コードの中央に企業ロゴを埋め込みます
  • ブランドカラー:ブランドアイデンティティに合わせた QR コードを作成します
  • アーティスティックなテーマ:自然、幾何学、抽象、カスタムテーマ
  • 背景との統合:QR コードを背景画像になじませます
  • グラデーション効果:目を引くデザインのカラフルなグラデーション塗りつぶし
  • 業界特化:レストランのメニュー、名刺、ソーシャルプロフィール

クイックスタート

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 stylized QR code for https://mywebsite.com with a modern tech aesthetic"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

QR コードのデザインに関する考慮事項

要素ベストプラクティススキャンのしやすさへの影響
誤り訂正アーティスティックな QR コードには高(30%)を推奨デザインの自由度が高まります
ロゴのサイズQR コード領域の最大 30%ロゴが大きいほど信頼性が低下します
色のコントラスト明るい背景に暗いモジュールスキャンに不可欠です
クワイエットゾーン白い枠線を維持安定したスキャンに必要です
モジュールのスタイル角丸、ドット、カスタム形状一貫性があれば影響は最小限です

使用例

1. 基本的なスタイリッシュ QR コード
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": "Generate a stylized QR code for https://example.com. Use a modern, clean design with rounded corners on the modules. Keep it scannable with good contrast. Blue and white color scheme."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
2. 中央にロゴを配置した QR コード
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 QR code for https://mycompany.com with space in the center for a company logo. The QR should have a professional corporate look with dark blue modules. Make sure the center area is clean and square-shaped for logo placement."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max",
    "image_urls": ["https://example.com/company-logo.png"]
  }'
3. アーティスティックな QR コード(自然のテーマ)
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": "Generate an artistic QR code for https://naturereserve.org with a nature theme. Incorporate organic shapes - the modules should look like leaves or natural elements. Use earthy green and brown tones. The overall design should feel like it belongs in nature while remaining fully scannable."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
4. ブランド QR コード(企業カラー)
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 branded QR code for https://techstartup.io using brand colors: primary #FF6B35 (orange) and secondary #1A1A2E (dark navy). The design should feel innovative and tech-forward. Use geometric patterns around the QR code. Maintain high scannability."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
5. 背景画像付き QR コード
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 QR code for https://beachresort.com that integrates with a tropical beach background. The QR modules should be semi-transparent or styled to blend naturally with the beach scene. Use sandy and ocean blue tones. The code must remain scannable despite the artistic integration."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
6. ミニマリストな QR コード
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": "Generate a minimalist QR code for https://minimal.design. Ultra-clean aesthetic with thin, precise modules. Pure black on white. No decorative elements - just elegant simplicity. The design should feel premium and high-end through restraint."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
7. カラフルなグラデーション QR コード
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 vibrant gradient QR code for https://creativestudio.art. Apply a smooth gradient across the modules from pink (#FF6B9D) to purple (#C44569) to blue (#3D5A80). The gradient should flow diagonally. Make it eye-catching and artistic while remaining scannable."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
8. レストランのメニュー用 QR コード
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 QR code for a restaurant digital menu at https://restaurant.com/menu. Design should have an elegant dining theme - incorporate subtle fork and knife motifs or food-related design elements around the QR. Use warm, appetizing colors like burgundy and gold. Perfect for table tents."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
9. 名刺用 QR コード
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": "Generate a professional QR code for a digital business card vCard at https://vcard.example.com/johndoe. The design should be compact and suitable for printing on a business card. Use a sophisticated charcoal gray color with subtle metallic accents. Include a small professional icon element."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
10. ソーシャルメディアプロフィール用 QR コード
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 fun, social-media-ready QR code linking to https://linktr.ee/influencer. Design should feel young, trendy, and Instagram-worthy. Use a playful color palette with neon accents. Add decorative elements like stars or sparkles around the QR. Perfect for sharing on social platforms."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

ベストプラクティス

デザインガイドライン
  • コントラストが重要:モジュールと背景の強いコントラストを維持します
  • スキャンしやすさをテスト:生成した QR コードが正しくスキャンできることを必ず確認します
  • 誤り訂正レベル:レベルが高いほど、アーティスティックな表現の自由度が高まります
  • クワイエットゾーン:QR コードの周囲の余白を確保します
  • モジュールの明瞭さ:アーティスティックなスタイルでも、モジュールをはっきり区別できるようにします
色のガイドライン
  • 暗い色を明るい背景に配置:従来のコントラストが最も効果的です
  • 赤と緑を避ける:色覚に障害のあるユーザーに問題が生じる可能性があります
  • 一貫したスタイル:すべてのモジュールに効果を均一に適用します
  • 背景とのコントラスト:設置面との十分なコントラストを確保します
サイズの推奨事項
用途最小サイズ推奨サイズ
名刺2cm x 2cm2.5cm x 2.5cm
テーブルテント3cm x 3cm4cm x 4cm
ポスター5cm x 5cm8cm x 8cm
看板15cm x 15cm20cm x 20cm

モードの選択

生成する前にユーザーに確認してください:

「速さと低コストを優先しますか、それとも高品質を優先しますか?」

モード最適な用途速度品質
max本番用 QR コード、印刷物、ブランド素材遅め最高
ecoクイックプレビュー、コンセプトのテスト、複数のバリエーション速め良好

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

session_id を使用して QR コードのデザインを反復します:

# Initial QR code design
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 stylized QR code for https://mybrand.com with a modern tech aesthetic"}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "qr-design-project"
  }'

# Refine the design
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 corners more rounded and add a subtle glow effect around the QR code"}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "qr-design-project"
  }'

# Request color variation
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 version with gold and black colors for our premium product line"}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "qr-design-project"
  }'

複数の URL を一括生成

複数のリンク先に対して、一貫性のある QR コードを生成します:

# Main website QR
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 branded QR code for https://company.com with blue gradient styling"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco",
    "session_id": "company-qr-set"
  }'

# Product page QR
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 QR code for https://company.com/products in the same style"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco",
    "session_id": "company-qr-set"
  }'

# Contact page QR
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 QR code for https://company.com/contact in the same style"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco",
    "session_id": "company-qr-set"
  }'

エラー処理

エラー原因解決方法
Failed to create prediction: HTTP 422残高不足eachlabs.ai でチャージしてください
コンテンツポリシー違反URL に禁止コンテンツが含まれています適切な URL を使用してください
タイムアウト生成が複雑ですクライアントのタイムアウトを最低 10 分に設定してください
QR コードをスキャンできないアーティスティックすぎる、コントラストが低いコントラストを高め、デザインをシンプルにするよう指定してください

QR コード向けプロンプトのヒント

QR コードを作成する際は、プロンプトに次の詳細を含めてください。

  1. リンク先 URL:QR コードがリンクする正確な URL
  2. スタイルのテーマ:モダン、ミニマリスト、アーティスティック、ブランドに合わせたものなど
  3. 色:具体的な HEX コードまたは色の説明
  4. 用途:名刺、ポスター、メニュー、ソーシャルメディア
  5. ロゴの要件:ロゴ用のスペースを設けるかどうか
  6. 特殊効果:グラデーション、影、光彩、パターン
プロンプトの構成例
"Create a [style] QR code for [URL].
Use [colors] with [design elements].
Intended use: [placement/medium].
[Additional requirements like logo space, specific themes, etc.]
Ensure it remains scannable."

関連スキル

  • each-sense - コア API ドキュメント
  • product-photo-generation - EC 商品の写真
  • meta-ad-creative-generation - Meta 広告のクリエイティブ

コメント