Orshot 社交媒體內容：一次設計範本，永久發文

Orshot 的社交媒體內容是設計好的範本加上每次發文的新文案，而不是每次生成新的 AI 圖像。此技能用於建立看起來專業設計的 Orshot Studio 範本，避免那種通用的居中文字「AI」風格，適用於 Instagram 貼文、LinkedIn 貼文、TikTok 與 Reels、限時動態、廣告、橫幅、縮圖與輪播。它是建構在 Orshot MCP 伺服器設計工具（orshot_create_template_design、orshot_update_template_design、orshot_patch_template_elements、orshot_get_brand_kit）之上的知識層。

先連線

openclaw mcp add orshot --url https://mcp.orshot.com/mcp --transport streamable-http --auth oauth
openclaw mcp login orshot

設計工具會回傳內嵌縮圖與設計檢查，因此僅限 MCP 使用。免費方案（每月 100 點數，無需信用卡）可涵蓋範本建立與預覽。詳細資訊與用於渲染的 REST 備援方案則位於 orshot 技能中。

為某平台生成範本

選擇格式。 在建立與渲染時將預設值作為 size 傳入，或直接指定寬度與高度。

平台	預設值	像素
Instagram 貼文（直式，2026 年預設）	`instagram-post-portrait`	1080x1350
Instagram 方形	`instagram-post`	1080x1080
Instagram 限時動態、Reels 封面、TikTok、YouTube Short	`instagram-story`, `tiktok-video`, `youtube-short`	1080x1920
LinkedIn 貼文	`linkedin-post`	1200x627
LinkedIn 輪播（PDF 或圖片頁面）	`linkedin-carousel`	方形或 4:5 頁面
X 貼文、X 橫幅	`twitter-post`, `twitter-header`	1200x675, 1500x500
Facebook 貼文、限時動態、封面	`facebook-post`, `facebook-story`, `facebook-cover`	1200x630, 1080x1920, 851x315
Pinterest 圖釘	`pinterest-pin`	1000x1500
YouTube 縮圖	`youtube-thumbnail`	1280x720

完整清單請參閱 MCP 資源 orshot://formats。

閱讀規格與品牌資訊。 orshot://template-design-spec（元素結構、動畫注意事項），然後當設計需要符合品牌風格時呼叫 orshot_get_brand_kit。
閱讀包裝 references/social-media.md，了解安全區域、原型與配方。選擇一個與此類型上一個範本不同的原型。
建立使用 orshot_create_template_design，填寫 pages_data，每個文字元素設定 textMode: "fit" 並附上 minFontSize，動態欄位標記為 parameterizable: true，並使用 snake_case 的 parameterId（例如 headline、subtitle、product_image），加上 includeThumbnails: true。
批評縮圖與設計檢查，使用 orshot_update_template_design 或 orshot_patch_template_elements 修復問題。絕對不要未經檢視就交付第一版。
渲染使用真實文案（orshot_render_template）並向使用者顯示輸出。一個設計，所有尺寸：extraSizes: ["instagram-story", "linkedin-post", "1080x1080"]。
交接。 發文、排程與分析屬於 orshot-social-media-scheduler 技能；六頁輪播則在 orshot-carousel 中。保留範本；未來每次發文都是渲染，而非重新設計。

使用時機

每當您設計或優化視覺範本時使用：社交貼文/限時動態/輪播、廣告創意、橫幅、縮圖、發布圖形。關於 Studio 元素結構與渲染注意事項，也請參考 MCP 資源 orshot://template-design-spec。

界限

這是設計指引，不能取代結構規格。樣式值始終是帶單位的字串；position/dimensions 是巢狀物件。請參閱下方的相容性。
它與 orshot 技能（API/生成機制）組合使用：渲染時請使用該技能。

運作原則

設計服務於任務。 決定觀眾必須帶走的唯一重點，然後讓所有元素支持它。尊重品牌與平台，勝過追求通用的美感。偏好下方確定的規則，而非主觀的迭代。

所需工作流程（按順序）

形塑：在放置任何元素之前，先陳述目標、受眾以及單一關鍵訊息。
繼承品牌（當需符合品牌風格時）：如果設計應符合使用者的品牌/產品（提示暗示了，或要求「我們的」風格），請呼叫 orshot_get_brand_kit（依目的標籤篩選），並將品牌顏色/字型/標誌映射到系統中的角色。如果提示要求的是通用/獨立風格，則使用包裝預設值，不要強行帶入品牌。
選擇垂直包裝：讀取 references/ 中對應的檔案（例如 references/social-media.md），了解格式、安全區域、原型與具體配方。選擇一個與此類型最近範本不同的原型。
建構：建立一個焦點元素，然後支持它。首次建立時保持設計簡潔；在後續更新中優化。
批評：使用 includeThumbnails:true 建立/更新，閱讀縮圖，並使用 orshot_update_template_design / orshot_patch_template_elements 修復問題。絕對不要未經檢視就交付第一版。（建立工具也會回傳「🎨 設計檢查」，請解決其中的 ⚠ 警告。）

系統

層級：透過大小、粗細與位置呈現一個清晰的焦點。不要全部居中。
字體：恰好 2 種字體家族（顯示字體 + 正文字體）。透過字級/粗細建立層級。大尺寸顯示字體使用緊湊的 lineHeight（1.0–1.15）與略微負值的 letterSpacing。最重的品牌字體 → 顯示字體，較輕的 → 正文字體。
顏色，60-30-10：60% 主色，30% 次色，10% 強調色。和諧的色調比更多顏色更好。確保 WCAG AA 對比度。將品牌顏色依用途映射到角色，而非依「主要」標籤。
構圖與空間：充裕的邊距（每邊約 ≥ 畫布 6%），對齊隱含的網格，偏好在非正中心配置而非單純的居中堆疊。
圖像：滿版出血或刻意框架；照片使用 objectFit:"cover"；在繁忙照片上的文字下方加入漸層遮罩。

品牌（依情境而定，非強制）

當設計需要符合品牌風格時（提示提及使用者的品牌、產品或身份），才使用品牌套件：顏色 → 60-30-10 角色，字體 → 顯示/正文，標誌 → 角落/頁尾的小標記，圖片 → 主圖/產品。對於通用/探索/獨立風格，使用包裝色調即可，不要強行帶入品牌素材。

多樣性

絕對不要為同一內容類型重複版面配置。 在相同類型的設計之間，改變原型、焦點位置與顏色強調。

相容性（務必正確設定，否則渲染會默默失敗）

所有樣式值都是帶單位的字串："48px"、"700"、"12px"：絕對不要使用裸數字。
position 與 dimensions 是巢狀物件（{x,y}、{width,height}）。
將 textMode:"fit" 與 minFontSize 設定在每個文字元素上（下限：標題 48、副標題 28、正文 24、導讀 18、說明 14）。預設的 "overflow" 不會縮小或重新排列，較長/參數化的文字會溢出其框線。
換行：使用 \n，絕對不要用  ；避免使用多個  區塊（它們會重疊）。對於多行標題中有一個強調色的單字，請每行使用一個文字元素。
背景高亮的 （有色膠囊）會強制整個元素為單行（white-space: nowrap）→ 長文字會溢出。僅高亮 1–3 個單字；對於長標題，請使用 color 強調（無背景）或按行拆分。
可參數化的欄位需要 parameterizable:true、唯一的 snake_case parameterId，以及與元素類型匹配的 parameterType（文字 → "text"、圖片 → "imageUrl"、形狀 → "fill"、畫布/容器 → "backgroundColor"）。
具有透明填充與邊框的形狀不會渲染任何東西；SVG content 必須是 data-URI。

動態與音訊（影片範本）

讓影片看起來是經過設計的，而非生成的：

在約 4–5 秒內分段揭示。 構成一個單元的元素（圖示+標籤、規格列、頁尾）共享相同的 enter 類型與 showAt；依閱讀順序在區段之間交錯約 0.3–0.5 秒。showAt/hideAt 是 enter/exit 的同層級屬性：絕對不要嵌套在它們內部。
每個滿版出血的照片都加上 kenBurns 動態（縮放 1.08–1.15）。一張靜止照片停留 3 秒會顯得像死畫面；緩慢推進則看起來像素材。在頁面之間交替 panX 方向。
動態保持微妙且緩慢：6–10 秒週期對比 0.5 秒進入。如果觀看者能說出動態名稱，就表示它太強烈了，除非它是一個刻意的強調（例如一個會晃動的徽章）。shake/slowRotate 需要 easing: "linear"，否則迴圈接縫會顯現。
整個影片使用一個 pageTransition，0.3–0.5 秒。每個剪輯片段使用不同的轉場是自動生成編輯最明顯的跡象。
聲音預設：旁白音軌音量 1 + 一個節制的生成環境背景音（sfx，音量 0.08–0.18，迴圈）+ page.subtitle { source: "auto-audio" } 搭配字幕預設（karaoke/bold）與繁忙素材上的 strokeWidth 2–3。預估旁白約每秒 2 個單字，預留 1 秒緩衝。在建立生成音訊前先呼叫 orshot_get_audio_authoring_options；給予 tts.parameterId，讓口語文案保持為渲染參數。

反模式（AI 生成的跡象，請避免）

所有元素居中且堆疊；沒有焦點。
3 種以上字體，或隨機大小且無層級。
低對比文字放在繁忙照片上且無遮罩。
提示未要求符合品牌風格時強行帶入品牌素材（或提示明顯要求時卻忽略品牌套件）。
小標題下方接一大段正文（範本不是文件）。
為相同內容類型重新輸出上一次的版面配置。

垂直包裝（漸進式揭露）

閱讀與任務匹配的檔案，每個檔案都增加了格式/安全區域、原型與配方：

references/social-media.md：貼文、限時動態、輪播。
（更多垂直領域，如廣告、房地產、電子商務，會隨時間在此新增。）

範例

範例 1：「製作一個 Instagram 貼文，宣布我們的新功能」

orshot_get_brand_kit（標籤："social-media"）→ 品牌顏色/字體/標誌。
讀取 references/social-media.md → 預設 4:5 直式 1080×1350；選擇 type-hero 原型（與上一則貼文不同）。
orshot_create_template_design，使用品牌顯示字體作為特大標題，品牌主色作為背景，強調色用於一個單字，標誌 + @帳號作為頁尾，includeThumbnails:true。
閱讀縮圖 +「🎨 設計檢查」；視需要修補對比度/間距。

範例 2：「優化這個範本，它看起來很普通」

orshot_get_studio_template 檢查當前設計。
根據反模式診斷（居中？3 種以上字體？沒有焦點？忽略品牌？）。
orshot_patch_template_elements 設定一個焦點標題，縮減為 2 種字體，套用品牌 60-30-10，左/底部對齊。使用 includeThumbnails:true 重新渲染並驗證。

疑難排解

標題顯示為單行 /   被忽略。 使用 \n，不要用  。對於多行標題中有顏色的單字，請每行使用一個文字元素。

顏色/字體看起來不符合品牌。 您跳過了步驟 2，請呼叫 orshot_get_brand_kit 並將回傳的 value（顏色）與 name（字體）映射到設計中。

「🎨 設計檢查」警告重複。 此版面配置與最近一個相同類型的範本相符。請切換原型並移動焦點位置。

Orshot 社交媒體內容設計：一次設計範本，永久發文