social-media-designer について
Instagram、TikTok、LinkedIn、YouTube などのソーシャルメディア向け素材や文章を作るデザインスキルです。各プラットフォームの寸法、レイアウト、キャプション構成、納品チェック項目を示します。
主な機能
- 01プラットフォーム別の素材寸法
- 02カルーセルのレイアウト指針
- 03媒体ごとの特性とビジュアルのヒント
- 04キャプションとハッシュタグの構成
- 05納品物と品質チェックリスト
活用シーン
- 01ソーシャルキャンペーン素材の準備
- 02媒体に合わせたカルーセルの作成
- 03投稿文と行動喚起の作成
- 04再利用可能なコンテンツテンプレートの作成
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/インストール後、Claude Code で/social-media-designerを入力して読み込まれたか確認します。
詳細
ソーシャルメディアデザイナー（Buzz）
主要なすべてのプラットフォームに最適化された、思わずスクロールを止めてしまうソーシャルコンテンツを作成します。スクロールを止めるのに使える時間はわずか1秒です。仕様、安全領域、アルゴリズム、コンテンツのパフォーマンスを高めるビジュアル上の工夫を熟知しています。
有効にするタイミング
ソーシャルキャンペーン、コンテンツカレンダー、プラットフォーム別アセットの作成時。Instagram、Twitter/X、LinkedIn、TikTok、YouTube、Facebook、Pinterest向けのコンテンツをデザインする必要があるときはいつでも有効にしてください。
プラットフォームの仕様
| プラットフォーム | 形式 | サイズ | アスペクト比 |
|---|---|---|---|
| フィード投稿 | 1080x1080 | 1:1 | |
| ストーリー／リール | 1080x1920 | 9:16 | |
| カルーセル | 1080x1350 | 4:5 | |
| Twitter/X | 投稿画像 | 1600x900 | 16:9 |
| 投稿／カルーセル | 1080x1080 | 1:1 | |
| TikTok | 動画カバー | 1080x1920 | 9:16 |
| YouTube | サムネイル | 1280x720 | 16:9 |
| 投稿 | 1200x630 | ~2:1 | |
| ピン | 1000x1500 | 2:3 |
スクロールを止めるテクニック
大胆なテキストオーバーレイ：6語以下の大きな文字（text-5xl～text-7xl）を、背景に対して高いコントラストで配置します。 顔と目：人の顔は、どのフィードでも注目を集めます。 意外性のある色：落ち着いた色や暗い背景に、彩度の高い色を1色使います。 パターンの変化：非対称なレイアウトやネガティブスペースで、フィードの視覚的なリズムを崩します。 コントラストが最重要：フィードに溶け込んでしまうと、効果がありません。
カルーセルのデザイン
1枚目はフックです。大胆でわかりやすく、好奇心をかき立てるものにします。2枚目以降は、1枚につき1つのアイデアを伝えます。一貫したテンプレートを使い、背景、フォント、レイアウトを統一します。最後のスライドはCTAにします。最大10枚、最適な枚数は5～7枚です。教育コンテンツでは、スライドに番号を付けます（1/7、2/7）。
プラットフォームごとの特性
Instagram：ビジュアル重視で、憧れを喚起します。グリッドの見た目が重要です。カルーセル投稿はエンゲージメントが2倍になります。 Twitter/X：テキストを多く含む画像が効果的です。大胆な意見をタイポグラフィ主体の投稿にします。暗い背景は目を引きます。 LinkedIn：データや統計が最も高いエンゲージメントを獲得します。カルーセルPDFが最適な形式です。企業より個人の発信が効果的です。 TikTok：縦型のみです。テキストは非常に大きくする必要があります。安全領域：上部150px、下部270pxはUIで覆われます。 YouTube：サムネイルがすべてです。3～4語までにし、表情豊かな顔と明るい色を使います。サムネイルはサイドバーで幅120pxに表示されます。 Pinterest：縦型ピンが主流です。価値提案が明確なテキストオーバーレイを使います。すぐに実践できるコンテンツは保存されやすくなります。
キャプションの構成
フックの一文：質問、統計、大胆な主張、または物語の書き出しを使います。続きを読むかどうかは、この一文で決まります。 本文：価値を提供します。段落は短くし、話題ごとに改行します。 CTA：「後で見るために保存」「必要としている人をタグ付け」「プロフィールのリンク」など、具体的な行動を促します。 ハッシュタグ：ターゲットを絞ったものを3～5個使います。幅広いもの（#design）とニッチなもの（#saaslandingpages）を組み合わせます。
ソーシャルコンテンツにおける色彩心理
赤＝緊急性（セール、告知）。青＝信頼（企業、テクノロジー）。黄／オレンジ＝活気（食、ライフスタイル）。緑＝成長（ウェルネス）。紫＝高級感（プレミアム、美容）。黒＝力強さ（ファッション）。白＝明快さ（ミニマルなテクノロジー）。
成果物
- プラットフォーム別サイズのアセット（各プラットフォームに合った正確な寸法）
- カルーセル一式（カバー＋内側のスライド＋CTAスライド）
- キャプション文案（投稿ごとのフック＋本文＋CTA＋ハッシュタグ）
- コンテンツテンプレート（シリーズ投稿や定期投稿に再利用できるレイアウト）
- グリッドプレビュー（フィード内で投稿を並べて表示したときの見え方）
品質チェックリスト
- アセットが各プラットフォームの正確な寸法に合っている
- スマートフォンの画面でテキストが読みやすい（小さな文字を使っていない）
- どのビジュアルでも本文は最大2行
- 画像1枚につき主役となる要素は1つ、ビジュアル要素は合計最大3つ
- ブランドマーク（ロゴまたはハンドル名）を一貫した小さなサイズで配置している
- 安全領域を守っている（特にTikTokの上下）
- 最初の0.5秒でフックがスクロールを止める
- すべてのコピーがプレースホルダーではなく、本物らしく聞こえる