关于 product-shots-social-post
product-shots-social-post 是用于设计社交平台原生视觉内容的技能,涵盖信息流、快拍、短视频封面和轮播图。它结合格式约束、行业视觉预设、分步工作流与交付前自检。
主要功能
- 01九种社交视觉格式
- 02七类行业视觉预设
- 03平台尺寸与安全区域
- 04七步设计工作流
- 05轮播图一致性锚点
- 0614 项自检清单
适用场景
- 01设计符合平台格式的信息流帖子
- 02制作视觉风格统一的轮播图
- 03构思快拍或短视频封面
- 04交付前检查社交视觉内容
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ motiful/ product-shots --skill product-shots-social-post安装后在 Claude Code 中输入/product-shots-social-post确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
references/carousel-framework.mdgrid-and-caption.mdhard-constraints.mdindustry-dna.mdworkflow-and-self-check.md详细介绍
社交媒体帖子
通过结合九种标准格式、七种行业视觉 DNA 预设、七步工作流、带有跨幻灯片一致性锚点的轮播图框架,以及自检关卡,为 Instagram、TikTok、Facebook、Pinterest、RedNote、LinkedIn、X/Twitter 和其他社交平台设计原生视觉内容(动态、快拍、Reel、轮播图)。每项输出都会包含设计描述、可选文案和自检评分。
格式分类(动态方形 1:1 / 动态竖版 4:5 / 快拍 9:16 / Reel 封面 9:16 / 轮播图 4:5 / 等)可直接用于 Instagram、TikTok、Facebook、RedNote 和 Pinterest——这些平台原生支持相同的宽高比。平台专属的安全区域调整见 references/hard-constraints.md。
互动原则
这些规则适用于所有章节。执行前请先阅读。
- 先锁定尺寸——每项请求都必须对应九种格式之一,并明确宽度 × 高度和宽高比。没有格式,就不开展工作。
- 先确定行业 DNA,再进行构图——将用户所在行业与七种预设之一匹配;将其提示词补丁、构图、色彩、光照和常见错误作为一个整体加载。
- 分层约束优先级——硬性约束(第 0 节)> 行业规则(第 1 节)> 用户偏好 > 模型默认值。用户指定颜色时,以用户指定为准,不再采用行业默认色彩。
- 轮播图一致性需在每张幻灯片中重复体现——一致性锚点必须逐字重复在每张幻灯片提示词的开头,而不是只声明一次。
- 交付前必须进行自检——每项输出都必须通过 14 项检查(第 4 节),并给出七行自检评分。
- 从生成器提示词中滤除禁用词——平台名称、UI 术语、截图术语和品牌工具名称不得传入图像模型。它们仅用于内部格式选择和行业匹配。
- 使用用户所用的语言——用户用英语交流时以英语回复,用户用中文交流时以中文回复。不要主动切换语言。
- 使用
<suggestion>提供选项——在提供平台、格式或行业选项时,将其放在<suggestion>标签中。一次只提一个问题。
执行流程
generate_social_visual(user_request) → design_description + caption + self_check + image
# Step 0 — Pin hard constraints (MUST, before any decision)
load references/hard-constraints.md
→ Dimensions table / Safe Zones / Text Overlay Rules / Design Quality Baseline / Banned Words
keep these in working context for Steps 1, 5, 6 — violation produces fake UI artifacts,
watermarks, occluded CTAs, or platform-policy breaks.
preflight = enforce_constraints(format=null, output_text=null, prompt_text=user_request)
# references/hard-constraints.md
# pre-flight banned-word scan on the user request
assert preflight.pass
# Step 1 — Confirm Format and Scenario (lock dimensions first)
format = resolve_format(user_request) # references/hard-constraints.md §Default Format Selection
if user specified format → use it
else apply default scenario logic:
single image content → Feed Portrait 4:5
multi-page knowledge → Carousel 4:5
short-lived / ad → Story 9:16
short-video cover → Reel Cover 9:16
dimensions, ratio, safe_zone = lookup(format) # references/hard-constraints.md
# Step 2 — Identify Industry (auto-load Visual DNA)
industry_bundle = load_industry_dna(user_request)
# references/industry-dna.md
# returns {prompt_patch, composition, color,
# lighting, common_errors, ig_references}
# on no_match → closest industry as base + adjust
# Step 3 — Define Engagement Goal
goal = SHARE | SAVE | COMMENT
if user specified → use it
else infer from content type:
education / how-to → SAVE
lifestyle / humor → SHARE
opinion / debate → COMMENT
# Step 4 — Define the Hook (3-Second Rule)
hook_type = Bold Claim | Curiosity Gap | Visual Shock
drives Slide-1 design (Carousel) or headline strategy (single image)
# Step 5 — Composition + Color (Industry × Format cross-decision)
composition = industry_bundle.composition + safe_zone constraints
color = brand_color (if exists, overrides) or industry_bundle.color
lighting = industry_bundle.lighting
text = format.text_overlay_rule (references/hard-constraints.md §Text Overlay)
if format == Carousel:
slides = build_carousel(content, hook_type, industry_bundle, brand_color, goal)
# references/carousel-framework.md
# Step 6 — Self-Check Gate (mandatory)
audited_output = run_workflow(user_request)
# references/workflow-and-self-check.md
# runs Section 2 steps + Section 4 14-item audit
findings = enforce_constraints(format, audited_output.output_text, audited_output.prompt_text)
# references/hard-constraints.md
# re-validates sizing, safe zone, overlay, quality, banned words
assert findings.pass
if any item fails → revise prompt, regenerate
if all pass → emit self_check score block
# Step 7 — Iterative Refinement
on user satisfied → offer style variants / cross-platform adaptation / Carousel expansion / caption (if absent)
on user request → adjust color / composition / style / format / hook (supports local edit, no full regen)
# Output assembly + dispatch image generation
grid_strategy, caption = finalize_grid_and_caption(format, user_caption, brand_account_context)
# references/grid-and-caption.md
emit design_description (6 items per references/workflow-and-self-check.md §Section 6)
emit caption — separate text block, never rendered into image
emit self_check_score (7-line block)
image = Skill("product-shots-image-gen",
f"generate: {rendered_prompt} | format={format} | aspect={ratio}")
# Do NOT substitute with direct API call.
assert image.delivered
模块文件目录
references/hard-constraints.md— 第 0 节(尺寸 / 安全区域 / 文字叠加 / 质量基线)+ 第 9 节(提示词禁用词)。强制级别。于 EP 步骤 0 加载。references/industry-dna.md— 第 1 节:七种行业 × 六个维度(提示词补丁、构图、色彩、光照、常见错误、社交媒体参考)。references/carousel-framework.md— 第 3 节:7 张幻灯片框架 + 滑动心理学 + 视觉一致性与排版(跨幻灯片锚点模板)。references/workflow-and-self-check.md— 第 2 节(核心工作流七个步骤)+ 第 4 节(常见错误自检,14 项)+ 第 6 节(输出格式)。references/grid-and-caption.md— 第 5 节(动态网格美学,五种策略)+ 第 7 节(文案与撰写,包括社交媒体文案风格)。
章节索引
Goal
Language Rule
0. Hard Constraints → references/hard-constraints.md
Dimensions / Safe Zones / Text Overlay / Quality Baseline
1. Industry Visual DNA → references/industry-dna.md
1.1 Beauty / 1.2 Fashion / 1.3 Tech / 1.4 Lifestyle
1.5 Travel / 1.6 Food / 1.7 Fitness
2. Core Workflow → references/workflow-and-self-check.md §Workflow
Step 1: Confirm Format and Scenario — Lock Dimensions First
Step 2: Identify Industry — Auto-Load Visual DNA
Step 3: Define Engagement Goal
Step 4: Define the Hook — 3-Second Rule
Step 5: Composition and Color — Industry × Format Cross-Decision
Step 6: Self-Check Gate
Step 7: Iterative Refinement
3. Carousel Standards (Applies when format = Carousel) → references/carousel-framework.md
A. The 7-Slide Framework
B. Swipe Psychology
C. Visual Consistency and Typography
4. Common Mistakes and Self-Audit (Mandatory Gate) → references/workflow-and-self-check.md §Self-Audit
5. Feed Grid Aesthetics → references/grid-and-caption.md §Grid
Common Grid Strategies / Grid Rules
6. Output Format → references/workflow-and-self-check.md §Output Format
Design Description (6 Items) / Caption / Self-Check Score
7. Caption & Copywriting → references/grid-and-caption.md §Caption
In-Image Text vs. Caption / Caption Logic / Social Caption Persona
8. Prompt Banned Words — Prevent Artifacts / Watermarks / Screenshot Look
→ references/hard-constraints.md §Section 9
IMPORTANT!Suggestion
目标
为 Instagram、TikTok、Facebook、Pinterest、RedNote、LinkedIn 和 X/Twitter 设计原生社交媒体视觉内容(动态、快拍、Reel、轮播图),确保符合平台规范(尺寸 / 安全区域)、契合行业(七种视觉 DNA 预设)、有助于提升互动(分享 / 收藏 / 评论),并与网格风格协调(动态内容和谐统一)。每项输出都必须通过 14 项自检,并给出七行自检评分。
语言规则
Always respond in the user's language.
IF user writes in English THEN respond in English
IF user writes in Chinese THEN respond in Chinese
NEVER switch language unprompted.
重要——建议格式
IMPORTANT!Suggestion:
Always use <suggestion> format to guide the user.
Do not ask several questions at once.
Example: use <suggestion> format to provide options like
Instagram / TikTok / Facebook / Pinterest / RedNote / LinkedIn / X (Twitter) / Other platform.
这是前端渲染指令——选项集需放在 <suggestion> 标签中,以便 UI 将其渲染为可点击的选项标签。
跨技能说明
- 上游路由器:当
asset_type ∈ {post, carousel, feed, story, reel}且is_promotion != True时,product-shots会将自然社交内容分支的请求路由至此处。促销/广告创意请求则路由至product-shots-ad-creative。 - 行业视觉 DNA 预设(七个行业)由
product-shots和product-shots-ad-creative共享(确保跨技能一致性)。 - 同系列技能:
product-shots-main-image/product-shots-detail-page(Amazon 产品/详情页图像)可生成可重新用于社交帖文的源素材;product-shots-multi-angle(模特 9 角度系列)可生成可改编为社交轮播帖的时尚造型手册内容。product-shots-ad-creative负责付费推广/广告目标创意,并遵循平台下架风险规则。 - 图像生成后端:渲染后的提示词会分发至
product-shots-image-gen(product-shots 图像生成引擎),由其对底层 API(OmniMaaS / OpenAI / Gemini)进行抽象封装。
工具
该技能会输出设计提示词和自检结果。图像生成通过 product-shots-image-gen(product-shots 图像生成引擎)调用,并使用此处生成的提示词。