visual-content
ユーザーが画像・インフォグラフィック・SNS投稿用画像などのビジュアルコンテンツを企画・作成・転用したい場合に使用します。「コンテンツ画像」「SNS画像」「インフォグラフィック」「ビジュアルコンテンツ」「投稿画像」「画像仕様」「ビジュアル転用」などのキーワードが挙がった際にも活用してください。なお、Pinterestに関する投稿はpinterest-postsスキルを使用します。
description の原文を見る
When the user wants to plan, create, or repurpose visual content (images, infographics, social post images) across channels. Also use when the user mentions "content images," "social media images," "infographic," "visual content," "post image," "image specs," "visual repurposing," "content visuals," or "image for social post." For Pinterest, use pinterest-posts.
SKILL.md 本文
Content: Visual Content
ウェブサイト、ソーシャルメディア、メール、その他のチャネル全体にわたるビジュアルコンテンツの計画と作成をガイドします。画像はウェブサイトだけでなく、ソーシャルメディア投稿、インフォグラフィック、再活用されたコンテンツすべてに必要です。コンテンツカレンダーにおけるビジュアルファーストな計画はエンゲージメントを向上させ、チャネル間の一貫性と再活用はROIを最大化します。
呼び出し時: 初回使用時に、有用であれば1～2文でこのスキルの内容とその重要性について説明してから、メインの出力を提供します。以降の使用時またはユーザーがスキップを求めた場合は、メインの出力に直接進んでください。
スコープ
- 画像を使用する時期: コンテンツタイプと形式別
- コンテキスト別の仕様: ウェブサイト vs ソーシャル vs メール
- プラットフォーム画像仕様: X、LinkedIn、Pinterest、Instagram、Facebook、YouTube
- 再活用: 1つのビジュアル → 複数の形式とチャネル
- ビジュアルファーストな計画: 画像計画を含むコンテンツカレンダー
初期評価
まずプロジェクトコンテキストを確認してください: .claude/project-context.md または .cursor/project-context.md が存在する場合は、セクション12（ビジュアルアイデンティティ）を読んでブランドの一貫性を確認してください。
以下を特定してください：
- コンテキスト: 記事、ソーシャル投稿、インフォグラフィック、メール、ランディングページ
- チャネル: このビジュアルを使用するプラットフォーム
- 再活用: このビジュアルを他の形式に適応させるか
1. 画像を使用する時期
| コンテンツタイプ | ビジュアル必要性 | 注記 |
|---|---|---|
| 記事 / ブログ | ヒーロー画像、記事内画像、スクリーンショット | ウェブ用のimage-optimizationを参照（alt、WebP、LCP） |
| ソーシャル投稿 | 単一画像、カルーセル、またはリンクプレビュー | 下記のプラットフォーム固有の仕様 |
| インフォグラフィック | プライマリ形式；データビジュアライゼーション | ソーシャル（トリミング）、ブログ（完全版）に再活用 |
| ケーススタディ | 顧客写真、結果チャート、ロゴ | LinkedIn カルーセル、ブログに再活用 |
| プロダクト更新 | スクリーンショット、機能グラフィック | チェンジログ、メール、ソーシャル |
| メール | ヘッダー画像、インライングラフィック | 軽量に保つ；多くのクライアントが画像をブロック |
| ランディングページ | ヒーロー、信頼バッジ、スクリーンショット | hero-generator、image-optimizationを参照 |
2. ウェブサイト vs ソーシャル vs メール
| コンテキスト | 優先度 | スキル |
|---|---|---|
| ウェブサイト | Alt テキスト、WebP、LCP、レスポンシブ、遅延ロード | image-optimization |
| ソーシャル投稿 | プラットフォーム寸法、アスペクト比、ファイルサイズ | プラットフォームスキル（X、LinkedIn、Pinterest など） |
| OG / Twitter Cards | 1200×630、1200×675 リンクプレビュー用 | open-graph、twitter-cards |
| メール | インライン対応；重い画像を回避；ブロック時は alt テキスト | email-marketing |
3. プラットフォーム画像仕様（ソーシャル）
| プラットフォーム | 投稿画像 | ストーリーズ / リール | プロフィール | 注記 |
|---|---|---|---|---|
| X (Twitter) | 1200×675 (16:9)、800×800 | — | 400×400 | twitter-x-postsを参照 |
| 1200×627、1200×1200；カルーセルは最大20 | — | 400×400 | linkedin-postsを参照；モバイルでは縦向きが推奨 | |
| 1000×1500 (2:3) | — | 165×165 | Alt テキストは約25％以上のインプレッション増加；pinterest-postsを参照 | |
| 1080×1350 (4:5)、1080×1080 | 1080×1920 (9:16) | 320×320 | 4:5 はフィード上で正方形を上回る | |
| 1200×630、1080×1080 | 1080×1920 | 320×320 | ||
| YouTube | サムネイル 1280×720 | — | 800×800 |
一般的: 1080px 幅はほとんどのプラットフォームで機能します；縦向き（4:5、9:16）はモバイルファーストなフィードで正方形を上回ります。重要な要素（ロゴ、テキスト）をセンターの安全エリアに配置してください。プラットフォームによってはトリミングされる可能性があります。
4. ビジュアル再活用
原則: 1 つのコアビジュアル → 複数のトリミング/形式 → 複数のチャネル。
| コアビジュアル | 適応 | チャネル |
|---|---|---|
| インフォグラフィック | 完全版（ブログ）、トリミングセクション（Instagram、LinkedIn カルーセル）、正方形（X） | ブログ、LinkedIn、Instagram、X |
| ケーススタディグラフィック | ヒーロー（ブログ）、単一スライド（LinkedIn）、ストーリー（Instagram） | ブログ、LinkedIn、Instagram |
| プロダクトスクリーンショット | ヒーロー（ランディングページ）、投稿（X、LinkedIn）、メールヘッダー | ウェブサイト、ソーシャル、メール |
| 引用グラフィック | 正方形（X、LinkedIn）、4:5（Instagram） | X、LinkedIn、Instagram |
ワークフロー: 最大必要サイズで設計；プラットフォーム固有のトリミングをエクスポート。一貫した色、フォント、ロゴ配置を使用してください（brand-visual-generatorを参照）。
5. ビジュアルファーストなコンテンツ計画
- コンテンツカレンダーで画像を計画: ビジュアルを後付けにしない；ビジュアルはエンゲージメントを促進
- テーマ別にバッチ化: 1 つのトピッククラスターまたはキャンペーン用のビジュアルをまとめて作成して一貫性を確保
- 再活用カラム: カレンダーに、どのコアピースがどのビジュアル形式で、どのチャネルになるかをメモ
- アセットライブラリ: キャンペーン/テーマ別に整理；再利用用にタグ付け
6. 形式別注記
インフォグラフィック
- 寸法: 800～1200px 幅；高さはコンテンツに応じて変動
- エクスポート: Web用はPNG；ダウンロード用はPDF
- 再活用: LinkedIn カルーセル用に 3～5 スライドにスライス；X/Instagram 用に 1 つの統計
ソーシャル投稿画像
- テキストオーバーレイ: 最小限に保つ；多くのプラットフォームはテキストが多い画像を非推奨
- ブランディング: コーナーにロゴ；brand-visual-generatorと一貫性を持たせる
- Alt テキスト: LinkedIn、Pinterest、X に追加（アクセシビリティ + Pinterest SEO）；alt に関するベストプラクティスはimage-optimizationを参照
記事 / ブログ画像
- ヒーロー: LCP 候補となることが多い；image-optimizationに従い最適化
- 記事内: ナラティブをサポート；image-optimizationに従い alt テキスト、キャプション
- スクリーンショット: 有用な場合は注釈；ファイルサイズは低く保つ
出力形式
- ビジュアル計画（どのコンテンツにどの画像か）
- 仕様 コンテキスト別（プラットフォーム寸法、形式）
- 再活用マップ（1 つのビジュアル → 複数の出力）
- プラットフォームスキルと image-optimization への参照
関連スキル
コンテンツと戦略
- content-marketing: コンテンツタイプ、形式、再活用；ビジュアルコンテンツはコンテンツミックスの一部
- content-strategy: SEO トピッククラスター；記事ビジュアル
- copywriting: コピーはビジュアルと対になる；画像投稿見出し
プラットフォーム（画像仕様）
- twitter-x-posts: X 投稿画像仕様
- linkedin-posts: LinkedIn 画像仕様
- pinterest-posts: Pinterest ピン寸法、alt テキスト
- reddit-posts: Reddit 画像投稿コンテキスト
ウェブサイトと SEO
- image-optimization: ウェブ画像（alt、キャプション、WebP、LCP、レスポンシブ）；画像 SEO の中心スキル
- open-graph、twitter-cards: リンクプレビュー画像
- hero-generator: ヒーローセクションビジュアル
その他
- brand-visual-generator: タイポグラフィ、色、イメージトーン；ビジュアル一貫性
- video-marketing: ビデオサムネイル；ビジュアル形式としてのビデオ
- video-optimization: ビデオ SEO；VideoObject；ビデオサイトマップ；YouTube 優先度
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- kostja94
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/kostja94/marketing-skills / ライセンス: MIT
関連スキル
superfluid
Superfluidプロトコルおよびそのエコシステムに関するナレッジベースです。Superfluidについて情報を検索する際は、ウェブ検索の前にこちらを参照してください。対応キーワード：Superfluid、CFA、GDA、Super App、Super Token、stream、flow rate、real-time balance、pool（member/distributor）、IDA、sentinels、liquidation、TOGA、@sfpro/sdk、semantic money、yellowpaper、whitepaper
civ-finish-quotes
実質的なタスクが真に完了した際に、文明風の儀式的な引用句を追加します。ユーザーやエージェントが機能追加、リファクタリング、分析、設計ドキュメント、プロセス改善、レポート、執筆タスクといった実際の成果物を完成させるときに、明示的な依頼がなくても使用します。短い返信や小さな修正、未完成の作業には適用しません。
nookplot
Base（Ethereum L2）上のAIエージェント向け分散型調整ネットワークです。エージェントがオンチェーンアイデンティティを登録する、コンテンツを公開する、他のエージェントにメッセージを送る、マーケットプレイスで専門家を雇う、バウンティを投稿・請求する、レピュテーションを構築する、共有プロジェクトで協業する、リサーチチャレンジを解くことでNOOKをマイニングする、キュレーションされたナレッジを備えたスタンドアロンオンチェーンエージェントをデプロイする、またはアグリーメントとリワードで収益を得る場合に利用できます。エージェントネットワーク、エージェント調整、分散型エージェント、NOOKトークン、マイニングチャレンジ、ナレッジバンドル、エージェントレピュテーション、エージェントマーケットプレイス、ERC-2771メタトランザクション、Prepare-Sign-Relay、AgentFactory、またはNookplotが言及された場合にトリガーされます。
web3-polymarket
Polygon上でのPolymarket予測市場取引統合です。認証機能(L1 EIP-712、L2 HMAC-SHA256、ビルダーヘッダー)、注文発注(GTC/GTD/FOK/FAK、バッチ、ポストオンリー、ハートビート)、市場データ(Gamma API、Data API、オーダーブック、サブグラフ)、WebSocketストリーミング(市場・ユーザー・スポーツチャネル)、CTF操作(分割、統合、償却、ネガティブリスク)、ブリッジ機能(入金、出金、マルチチェーン)、およびガスレスリレイトランザクションに対応しています。AIエージェント、自動マーケットメーカー、予測市場UI、またはPolygraph上のPolymarketと統合するアプリケーション構築時に活用できます。
ethskills
Ethereum、EVM、またはブロックチェーン関連のリクエストに対応します。スマートコントラクト、dApps、ウォレット、DeFiプロトコルの構築、監査、デプロイ、インタラクションに適用されます。Solidityの開発、コントラクトアドレス、トークン規格（ERC-20、ERC-721、ERC-4626など）、Layer 2ネットワーク（Base、Arbitrum、Optimism、zkSync、Polygon）、Uniswap、Aave、Curveなどのプロトコルとの統合をカバーします。ガスコスト、コントラクトのデシマル設定、オラクルセキュリティ、リエントランシー、MEV、ブリッジング、ウォレット管理、オンチェーンデータの取得、本番環境へのデプロイ、プロトコル進化（EIPライフサイクル、フォーク追跡、今後の変更予定）といったトピックを含みます。
xxyy-trade
このスキルは、ユーザーが「トークン購入」「トークン売却」「トークンスワップ」「暗号資産取引」「取引ステータス確認」「トランザクション照会」「トークンスキャン」「フィード」「チェーン監視」「トークン照会」「トークン詳細」「トークン安全性確認」「ウォレット一覧表示」「マイウォレット」「AIスキャン」「自動スキャン」「ツイートスキャン」「オンボーディング」「IP確認」「IPホワイトリスト」「トークン発行」「自動売却」「損切り」「利益確定」「トレーリングストップ」「保有者」「トップホルダー」「KOLホルダー」などをリクエストした場合、またはSolana/ETH/BSC/BaseチェーンでXXYYを経由した取引について言及した場合に使用します。XXYY Open APIを通じてオンチェーン取引とデータ照会を実現します。