pinterest-pin-design について
Pinterest向けコンテンツのデザインスキルです。ピンの構図、テキストオーバーレイ、デザインブリーフを作成し、同じURL向けの新しい画像案も計画します。フィード上での読みやすさとデザインの違いを重視し、最終画像は人または画像ツールが作成してWoopSocialで公開します。
主な機能
- 012:3の縦型レイアウトと焦点の計画
- 02キーワードを目立つオーバーレイに配置
- 03ブランドテンプレートと安全マージンへの準拠
- 04同一URL向けの異なる新規画像案の計画
- 05ブリーフの作成とモックアップのレビュー
活用シーン
- 01リンク先ページ用のPinterestピンのブリーフ作成
- 02同じリンク向けの複数の新規デザイン案の計画
- 03ピンのモックアップのモバイル可読性レビュー
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ social-media-skills/ skills --skill pinterest-pin-designインストール後、Claude Code で/pinterest-pin-designを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
evals/evals.jsonreferences/design-and-variant-recipes.mdpin-design-2026-reality.mdscope-and-connections.mdthe-saved-framework.md詳細
pinterest-pin-design
デザイン制作スキル — ピンのコンセプト、構成、オーバーレイをデザインし、ブリーフを作成して、 新規ピンのバリエーションを計画します。エージェントがデザイン、ブリーフ作成、批評を行い、 人間または画像ツールがラスター画像を作成し、WoopSocialが完成したピン(画像+タイトル+説明+ボード+リンク)を公開します。
見つけてもらい、保存され、クリックされるようデザインする——投稿ではなく検索結果
ピンはモバイルの2列フィードに表示される検索結果で、スマートフォン画面の幅の約半分 (デスクトップグリッドで約236px)のスペースを奪い合います。目的は保存と外部サイトへのクリックであり、 その役割を数か月間(寿命は約4か月)果たし続けます。つまり、ピンは投稿ではなくアセットです。すべての基本となるルールは2つです。ビジュアルとキーワードは一体です(このスキルはビジュアルを担当し、pinterest-seoはキーワードを担当します。キーワードはオーバーレイとタイトルの両方に入れます)。そして、頻繁な再投稿より新鮮さが重要です。「新規ピン」とは、同じURLに対する新しい画像/レイアウト/オーバーレイであり、再ピンではありません。新鮮なデザインがPinterestのウェブサイトトラフィックの約90%を生み出します。常にフィード表示サイズを基準にモバイルファーストで、必ず**2:3(1000×1500)**でデザインします。他の比率はペナルティの対象になります。
まずはこちらをお読みください
- brand-profile — パレット/フォント/スタイル(ピンはブランドを表現する場であり、ブランドらしさを保つ必要があります)。
- リンク先 — ピンがリンクするページ(ビジュアルは、そのページで得られる内容を約束する必要があります)。
- キーワード — pinterest-seoから取得します(オーバーレイとタイトルに入れます)。
フレームワーク:SAVED
(詳しくは references/the-saved-framework.md を参照してください。)
- S — 2:3のキャンバスでスクロールの手を止める: 1000×1500、2:3必須(他の比率はペナルティの対象となり、トリミングされます)。焦点は1つに絞り、縦構図にします。無機質な白背景の商品写真より、ライフスタイルや使用シーンの画像が効果的です。フィード表示サイズでも内容を把握できるようにします。
- A — キーワードオーバーレイを目立たせる: pinterest-seoのキーワードを画像上に大きく配置します(Pinterestは画像内の文字をOCRで読み取ります)。約6語以内、太字、高コントラストで、約236pxの表示サイズでも読めるようにします。上部3分の1または中央に配置し、キャプションをそのまま重複させないでください。
- V — ビジュアルのブランドシステム: ピンのテンプレートファミリー(design-and-templatesを参照)を使い、フォント/パレット/レイアウトに一貫性を持たせます。ロゴやURLは控えめに配置し、右下には置かないでください(Pinterestのアイコンがその位置に重なります)。
- E — URLごとに新しいバリエーションを作成する: リンク先ごとに、見た目がはっきり異なるデザインを3~5種類作成します(色を変えるだけではなく、画像+レイアウト+オーバーレイの切り口を変えます)。それぞれが新たにランキングを獲得する機会になります。
- D — フォーマットを決めて引き継ぐ: 静止画ピンはトラフィックを生み出す主力です(リンクを設定できます)。動画ピン(9:16、6~15秒)はエンゲージメント向けです。複数スライド/アイデア形式は認知向けです(従来は外部リンクを設定できません)。ボードカバーはボード全体の見た目を整えます。ブリーフ → 画像ツール → WoopSocialで公開。
実情(四半期ごとに確認)
フィード表示サイズを基準にモバイルファーストで設計(2列フィード、約236px、約85%がモバイル)。2:3の1000×1500が必須(他の比率はペナルティの対象となり、縦長のピンは途中で切り詰められます)。オーバーレイの文字はOCRで読み取られます(画像内にキーワードを入れます)。ライフスタイルや使用シーンの画像を使います。顔は必須ではありません(YouTubeのサムネイルとは異なり、通常は商品/アイデアが主役です)。セーフゾーンを確保します(余白を設け、ロゴを右下に置かず、通常より縦長のピンでは重要な要素を下部に配置しない)。新規ピンの効果(トラフィックの約90%、URLごとに見た目の異なるデザインを3~5種類、数日間のテスト期間)。動画は9:16で6~15秒。アイデアピンは統一形式に統合されています。複製したような印象を与えずにブランドの一貫性を保つ方法については、references/pin-design-2026-reality.md を参照してください。ピンのブリーフ用テンプレート、デザインチェックリスト、仕様ブロック、新規バリエーションの計画、作成例については、references/design-and-variant-recipes.md を参照してください。
誠実な対応範囲(決して逸脱しないこと)
- エージェントはコンセプト/構成/オーバーレイテキストを設計し、ブリーフを作成し、新鮮なバリエーションを計画し、モックアップを批評できます。ただし、最終的なラスター画像を作成するのは、人間または画像/デザインツール(画像内テキストには
ideogram/canva/nano-banana/デザイナー)です。 - WoopSocialは完成したピン(画像+タイトル+説明+ボード(
pinterestBoardId)+リンク)を公開しますが、ビジュアルのデザイン、レンダリング、生成は行いません。また、分析にはPinterest 標準のアナリティクスを使用し、WoopSocial の分析機能は使いません。 - 誤解を招くピンは禁止です。ビジュアルはリンク先のページで提供される内容を約束するものでなければなりません(ピン → ボード → ページの内容を一致させること。長いクリックは評価を高め、直帰は評価を下げます)。再ピンを新規ピンとして重複投稿しないでください(色を変えただけでは新しいピンとはいえません)。AI 画像であることを明示してください(Pinterest ではユーザーが生成 AI 画像をフィルタリングできます)。保存数/クリック数/インプレッション数を捏造しないでください。(対応範囲、区分、連携については、
references/scope-and-connections.mdを参照してください。)
関連スキルとの違い(適切に振り分けること)
pinterest-pin-design(このスキル)=ピンのビジュアル制作+ブリーフ+新鮮なバリエーションの計画 · pinterest-seo=キーワード/検索ランキングのレイヤー(両者は組み合わせて使用します。キーワードはオーバーレイとタイトルの両方に入れます) · pinterest-growth=アカウント戦略/投稿頻度(ボード、同一 URL の投稿間隔を72時間空けること、季節に合わせたタイミング) · design-and-templates=ブランドテンプレートのシステム(ピンテンプレートはその中の1つのアセットです) · ideogram/canva/nano-banana=このブリーフに基づいてラスター画像をレンダリングします · thumbnail-design=YouTube の16:9のクリック判断に向けた同じ制作技術(目的は異なります。クリックして視聴するか、保存して外部サイトへ移動するかの違いです)。
このスキルとの連携
最初に読み込むもの:brand-profile+リンク先+pinterest-seoのキーワード。次と連携します:pinterest-seo(オーバーレイ+タイトルにキーワードを入れる)、image-prompt → ideogram(画像内のオーバーレイテキスト)/nano-banana/flux(背景)、canva(テンプレート制作)、ai-image-editing(トリミング/クリーンアップ)、design-and-templates(ブランドシステム内のピンテンプレート)。次との間で振り分けます:pinterest-growth(戦略/投稿頻度)、content-recycling(新しいバリエーションを作る価値のある URL)、seasonal-and-moment-marketing(45~90日前の季節先行施策)。次を通じて公開します:scheduling-and-queue → WoopSocial(画像+タイトル+説明+ボード+リンク)+platform-specs-and-validation。次を使って測定します:Pinterest 標準のPinterest Analytics+analytics-and-reporting(保存数、外部クリック数、インプレッション数)。ラスター画像は画像ツール/デザイナーが担当し、文言はpinterest-seoが担当します。
完了の定義
2:3(1000×1500)の縦型コンセプトで、ライフスタイル/使用状況を伝える画像に焦点を1つ置き、フィードサイズでも判読可能であること。pinterest-seoのキーワードを、太字でコントラストの高いオーバーレイとして表示すること(約6語以下、OCRで読み取り可能、キャプションと重複させない)。フォント/配色/レイアウトがブランドに一貫したテンプレートを使用し、ロゴを右下に置かないこと。安全な余白を確保し、縦長ピンの切り詰めで重要な内容が失われないこと。リンク先 URL ごとに、見た目の異なる新しいデザインを3~5種類計画すること(画像+レイアウト+オーバーレイの切り口を新しくし、再ピンや色違いで済ませない)。適切な形式を選び(トラフィックには静止画、エンゲージメントには6~15秒の9:16動画、認知には複数スライド)、ボードカバーにも一貫性を持たせること。ラスター画像のブリーフを画像ツール/デザイナーに渡し、完成したピンをWoopSocialで公開すること(画像+タイトル+説明+ボード+リンク)。ビジュアルはリンク先の内容に忠実であること。AI 画像はその旨を明示すること。エンゲージメントを捏造しないこと。pinterest-seoと適切に連携し、pinterest-growth、design-and-templates、画像ツールとは区別すること。