qr-code-generation について
qr-code-generationは、each::senseでアート性のあるQRコードを作成するスキルです。マーケティングやデザイン用途に向け、ブランドカラー、ロゴ用スペース、背景との合成、グラデーションに対応し、読み取りやすさも重視します。
主な機能
- 01アート性のあるQRコードスタイル
- 02ロゴの統合と中央スペース
- 03ブランドカラーとグラデーション効果
- 04テーマ別デザインと背景への合成
- 05セッションでの反復とスタイル維持
活用シーン
- 01レストランメニュー用のブランドQRコード作成
- 02名刺向けのコンパクトなQRコード設計
- 03SNSプロフィール用のテーマ付きQRコード生成
- 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 2cm | 2.5cm x 2.5cm |
| テーブルテント | 3cm x 3cm | 4cm x 4cm |
| ポスター | 5cm x 5cm | 8cm x 8cm |
| 看板 | 15cm x 15cm | 20cm 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 コードを作成する際は、プロンプトに次の詳細を含めてください。
- リンク先 URL:QR コードがリンクする正確な URL
- スタイルのテーマ:モダン、ミニマリスト、アーティスティック、ブランドに合わせたものなど
- 色:具体的な HEX コードまたは色の説明
- 用途:名刺、ポスター、メニュー、ソーシャルメディア
- ロゴの要件:ロゴ用のスペースを設けるかどうか
- 特殊効果:グラデーション、影、光彩、パターン
プロンプトの構成例
"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 広告のクリエイティブ
コメント
Markdown 対応