Orshot 社交媒体内容设计：一次设计模板，永久发布内容

Orshot 社交媒体内容：一次设计模板，永久发布内容

来自 Orshot 的社交媒体内容 = 设计好的模板 + 每条帖子新的文案，而不是每次生成一张新的 AI 图片。本技能可为 Instagram 帖子、LinkedIn 帖子、TikTok 和 Reels、故事、广告、横幅、缩略图和轮播图制作看起来专业设计的 Orshot 工作室模板，而非那种通用的居中文本“AI”风格。它是基于 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 技能中。

为平台生成模板

1. 选择格式。 在创建和渲染时，将预设作为 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

完整列表：orshot://formats MCP 资源。

2. 阅读规范和品牌信息。 orshot://template-design-spec（元素模式和动画陷阱），然后当设计应符合品牌时，调用 orshot_get_brand_kit。

3. 阅读包文件 references/social-media.md，了解安全区域、原型和配方。选择一个与上一个同类型模板不同的原型。

4. 创建 使用 orshot_create_template_design，补全 pages_data，每个文本元素设置 textMode: "fit" 和 minFontSize，动态字段标记为 parameterizable: true 并设置蛇形命名 parameterId（headline、subtitle、product_image），启用 includeThumbnails: true。

5. 评审 缩略图和设计检查，使用 orshot_update_template_design 或 orshot_patch_template_elements 修复问题。绝不要在未查看的情况下发布初稿。

6. 渲染 使用真实文案（orshot_render_template）并向用户展示输出。一次设计，多种尺寸：extraSizes: ["instagram-story", "linkedin-post", "1080x1080"]。

7. 交接。 发布、排期和分析在 orshot-social-media-scheduler 技能中；六张轮播图在 orshot-carousel 技能中。保留模板；以后每篇帖子都是渲染，不是重新设计。

何时使用

在您设计或优化视觉模板时使用：社交媒体帖子/故事/轮播、广告创意、横幅、缩略图、上线图。对于工作室元素模式和渲染陷阱，还请参阅 MCP 资源 orshot://template-design-spec。

边界

• 这是设计指导，不能替代模式规范。样式值始终是带单位的字符串；position/dimensions 是嵌套对象。请参阅下方的兼容性。
• 它与 orshot 技能（API/生成机制）组合使用：使用它进行渲染。

操作原则

设计服务于任务。 决定观众必须带走的一个要点，然后让所有元素都为其服务。尊重品牌和平台，而非追求通用美观。优先使用下方确定的规则，而非主观迭代。

工作流程（按顺序）

1. 确定形状：在摆放任何元素之前，重申目标、受众和唯一的核心信息。
2. 继承品牌（当要求品牌化时）：如果设计应匹配用户的品牌/产品（提示中暗示，或要求“我们”的风格），调用 orshot_get_brand_kit（按目的进行标签过滤），将品牌颜色/字体/Logo 映射到系统中的角色。如果提示要求通用/独立风格，使用包默认值，不要强行使用品牌。
3. 选择垂直包：阅读 references/ 下匹配的文件（例如 references/social-media.md），了解格式、安全区域、原型和一个具体配方。选择一个与近期同类型模板不同的原型。
4. 构建：确立一个焦点元素，然后支撑它。首次创建时保持设计简洁；在后续更新中完善。
5. 评审：使用 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 角色，字体 → 展示/正文，Logo → 小角落/页脚标记，图像 → 主视觉/产品。对于通用/探索/独立风格，使用包调色板即可，不要强行引入品牌资源。

多样性

对于同一内容类型，绝不要重复布局。 在同一类型的不同设计之间，变化原型、焦点位置和色彩强调。

兼容性（务必正确，否则渲染静默失败）

• 所有样式值均为带单位的字符串："48px"、"700"、"12px"：绝不要使用裸数字。
• position 和 dimensions 是嵌套对象（{x,y}、{width,height}）。
• 在每个文本元素上设置 textMode: "fit" + minFontSize（底限：标题 48、副标题 28、正文 24、引文 18、说明 14）。默认的 "overflow" 不会缩小或重排，长文本/参数化文本会溢出框外。
• 换行：使用 \n，绝不能使用 <br>；避免使用多个 <p> 块（它们会重叠）。对于含一个强调色单词的多行标题，每行用一个独立的文本元素。
• 背景高亮 <span>（彩色药丸）会强制整个元素单行显示（white-space: nowrap）→ 长文本溢出。仅高亮 1–3 个单词；对于长标题，使用 color 强调（无背景）或按行拆分。
• 可参数化字段需要 parameterizable: true、唯一的蛇形命名 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 帖子，宣布我们的新功能”

1. orshot_get_brand_kit（标签: "social-media"）→ 品牌颜色/字体/Logo。
2. 阅读 references/social-media.md → 默认 4:5 竖版 1080x1350；选择 type-hero 原型（与上一个帖子不同）。
3. orshot_create_template_design：使用品牌展示字体作为超大标题，品牌主色作为背景，强调色用于一个单词，页脚 Logo + @handle，启用 includeThumbnails: true。
4. 查看缩略图 +“🎨 设计检查”；根据需要修补对比度/间距。

示例 2，“优化此模板，它看起来太通用”

1. orshot_get_studio_template 检查当前设计。
2. 对照反模式进行诊断（居中？3 种以上字体？无焦点？忽略了品牌？）。
3. orshot_patch_template_elements：设置一个焦点标题、精简为 2 种字体、应用品牌 60-30-10 色彩方案、左对齐/底部对齐。重新以 includeThumbnails: true 渲染并验证。

故障排除

标题显示为单行 / <br> 被忽略。 使用 \n，而不是 <br>。对于多行标题中的彩色单词，每行使用一个独立的文本元素。

颜色/字体看起来不符合品牌。 您跳过了第 2 步，调用 orshot_get_brand_kit 并将返回的 value（颜色）和 name（字体）映射到设计上。

“🎨 设计检查”警告重复。 该布局与近期同类型模板匹配。切换原型并移动焦点。