Communitygithub.com

pinterest-pin-design

設計 Pinterest 圖釘的視覺概念、佈局與文字疊加,產出設計摘要並規劃新圖釘變體,由代理人負責設計與審核,由人類或影像工具完成最終渲染。

pinterest-pin-design 是什麼?

這個技能專門為 Pinterest 圖釘打造視覺設計,讓圖釘在擁擠的雙欄行動資訊流中成功「暫停滑動」並獲得儲存與點擊。它採用「SAVED」框架:S 為 2:3 強制比例的垂直構圖(1000×1500,其他比例會被降級或裁剪);A 為在圖像上疊加大而醒目的關鍵字文字(由 pinterest-seo 決定,≤6 個詞,高對比度,讓 Pinterest OCR 可讀取);V 為依據品牌指南(取自 design-and-templates)維持字型、色盤與佈局的一致性;E 為每個目標網址規劃 3–5 個視覺完全不同的新設計(不同圖片、佈局與疊加角度);D 為選擇正確格式(靜態圖釘用於流量、影片 9:16 6–15 秒用於互動、多張投影片用於品牌認知)並移交給影像工具或設計師產出最終點陣圖。代理人負責撰寫設計摘要、規劃變體、並可審核 mockup,但**絕對不會**自行產生點陣圖或發布成品(這些分別由影像工具和 WoopSocial 處理)。此技能與 pinterest-seo(關鍵字排名層)**配對使用**,關鍵字必須同時出現在圖像疊加與標題中。支援平台:Claude Code、Coder、以及其他可執行代理技能的 AI 工具。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/social-media-skills/skills/tree/main/skills/pinterest-pin-design

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

pinterest-pin-design 是做什麼的?

一個設計工藝技能——設計圖釘的概念、構圖與文字疊加,產出設計摘要,並規劃新圖釘變體。代理人設計 + 摘要 + 審核;人類或影像工具負責產生點陣圖;WoopSocial 負責發布完成的圖釘(圖片 + 標題 + 說明 + 看板 + 連結)。

觀點:搜尋結果,而非貼文——設計目的是被找到、被儲存、被點擊

圖釘在雙欄行動資訊流中是一則搜尋結果,競爭空間約為半個手機螢幕寬(桌面版網格約 236px)。它的任務是儲存與外站點擊,並且持續執行這個任務長達數個月(約 4 個月生命週期)——因此圖釘是資產,不是貼文。兩條規則支撐一切:視覺與關鍵字是一體的(此技能負責視覺;pinterest-seo 負責關鍵字——關鍵字必須放在文字疊加與標題中),以及新圖釘勝過頻繁轉貼——「新圖釘」是針對同一網址的新圖片/佈局/疊加,不是重新張貼,新設計驅動了 Pinterest 約 90% 的網站流量。以資訊流尺寸為優先進行行動設計,永遠使用 2:3 (1000×1500)——其他比例會被降級。

預先閱讀

  1. 品牌資料庫 (brand-profile)——色盤/字型/風格(圖釘是品牌展示面,必須維持可辨識度)。
  2. 目標頁面——圖釘連結的頁面(視覺必須承諾頁面提供的內容)。
  3. 關鍵字——來自 pinterest-seo(它會放在文字疊加與標題中)。

框架:SAVED

(深入說明:references/the-saved-framework.md。)

  • S — 在 2:3 畫布上暫停滑動: 1000×1500,強制 2:3(其他比例會被降級/裁切);一個視覺焦點;垂直構圖;生活化/情境化影像勝過純白背景的產品;在資訊流尺寸下可解析。
  • A — 固定關鍵字疊加: pinterest-seo 的關鍵字以大字體呈現在圖像上(Pinterest 以 OCR 讀取它);≤6 個詞,粗體,高對比度,在 ~236px 下可讀;放在上三分之一或中央;不是說明的重複。
  • V — 視覺品牌系統: 一組圖釘模板家族(來自 design-and-templates)——一致的字型/色盤/佈局;低調的 Logo/網址,永遠不放在右下角(Pinterest 自己的圖示會遮蓋那個角落)。
  • E — 每個網址都有新變體: 每個目標網址 3–5 個視覺上不同的設計(不同圖片 + 佈局 + 疊加角度——不是換色);每個都是一次新的排名機會。
  • D — 決定格式並移交: 靜態圖釘 = 流量主力(有連結);影片圖釘 (9:16, 6–15 秒) = 互動;多張投影片/靈感風格 = 品牌認知(傳統上無外站連結);看板封面設定書架美學;設計摘要 → 影像工具 → WoopSocial 發布。

現況(每季驗證)

行動優先的資訊流尺寸(雙欄資訊流,~236px,~85% 行動裝置);強制 2:3 1000×1500(其他比例降級,過長圖釘會被截斷);文字疊加 OCR 可讀(關鍵字在圖像上);生活化/情境化影像;人臉可選(產品/概念通常是主角——與 YouTube 縮圖不同);安全區域(邊距,Logo 不在右下角,過長圖釘底部不可有重要內容);新圖釘經濟學(~90% 流量,每個網址 3–5 個不同設計,幾天測試窗口);影片 9:16 6–15 秒;靈感圖釘整合為統一格式;品牌一致性但非複製貼上:references/pin-design-2026-reality.md。圖釘設計摘要模板、設計檢查清單、規格區塊、新圖釘變體規劃 + 實例:references/design-and-variant-recipes.md。

誠實範圍(絕不違反)

  • 代理人 設計概念/構圖/文字疊加、撰寫設計摘要、規劃新圖釘變體,並可審核 mockup——但人類或影像/設計工具(ideogram 用於圖內文字 / canva / nano-banana / 設計師)負責產出最終點陣圖。
  • WoopSocial 發布完成的圖釘——圖片 + 標題 + 說明 + 看板 (pinterestBoardId) + 連結——它不設計、渲染或產生視覺,分析為原生 Pinterest Analytics,非 WoopSocial。
  • 不允許誤導圖釘——視覺必須承諾頁面提供的內容(圖釘 → 看板 → 頁面 必須一致;長點擊提升排名,跳出懲罰排名)。不允許以重新張貼冒充新圖釘(換色不是新圖釘)。揭露 AI 生成影像(Pinterest 讓使用者過濾 GenAI)。絕不捏造儲存/點擊/曝光數字。(範圍、區別與連接:references/scope-and-connections.md。)

與同類技能的區別(正確分流)

pinterest-pin-design(此技能) = 圖釘的視覺工藝 + 設計摘要 + 新圖釘變體規劃 · pinterest-seo = 關鍵字/搜尋排名層(它們配對使用——關鍵字放在文字疊加與標題中) · pinterest-growth = 帳號策略/節奏(看板、同一網址間隔 72 小時、季節性時機) · design-and-templates = 品牌模板系統(圖釘模板是其中的一項資產) · ideogram/ canva/ nano-banana = 依據此摘要渲染點陣圖 · thumbnail-design = 為 YouTube 的 16:9 點擊決策所做的相同工藝(不同任務:點擊觀看 vs. 儲存並點擊離開)。

此技能的連接

預先閱讀:品牌資料庫 (brand-profile) + 目標頁面 + 來自 pinterest-seo 的關鍵字。配對使用:pinterest-seo(關鍵字在文字疊加與標題中)、image-prompt → ideogram(圖內文字疊加)/ nano-banana/ flux(背景)、canva(模板製作)、ai-image-editing(裁切/清理)、design-and-templates(品牌系統中的圖釘模板)。通往/來自:pinterest-growth(策略/節奏)、content-recycling(哪些網址需要新圖釘變體)、seasonal-and-moment-marketing(45–90 天季節性前置時間)。透過以下工具發布:scheduling-and-queue → WoopSocial(圖片 + 標題 + 說明 + 看板 + 連結)+ platform-specs-and-validation。使用以下工具衡量:原生 Pinterest Analytics + analytics-and-reporting(儲存、外站點擊、曝光次數)。點陣圖由影像工具/設計師保管;文字由 pinterest-seo 保管。

完成定義

一個 2:3 (1000×1500) 的垂直概念,具有一個視覺焦點,使用生活化/情境化影像,在資訊流尺寸下可解析;pinterest-seo 的關鍵字以粗體、高對比度的文字疊加呈現(≤6 個詞,OCR 可讀,非說明重複);品牌一致的模板(字型/色盤/佈局),Logo 不在右下角;安全邊距,過長圖釘截斷不會損失重要內容;每個目標網址規劃 3–5 個視覺上不同的新設計(新圖片 + 佈局 + 疊加角度,絕非重新張貼或換色);選擇正確格式(靜態用於流量,影片 9:16 6–15 秒用於互動,多張投影片用於品牌認知),看板封面一致;將點陣圖交辦給影像工具/設計師,並透過 WoopSocial 發布完成的圖釘(圖片 + 標題 + 說明 + 看板 + 連結);視覺忠於目標頁面;揭露 AI 生成影像;不捏造互動;正確與 pinterest-seo 配對,並與 pinterest-growth、design-and-templates 及影像工具區別清楚。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

相關技能