Product Shots Detail Page Agent Skill

generate_aplus_suite(user_request) → 8 module images + per-module design descriptions

# Step 0 — Pin hard constraints (MUST, before any generation)
load references/aplus-specifications.md
    → 21:9 (2388×1024) for Hero_Banner + Endorsement
    → 3:2 (1536×1024) for the 6 standard modules
    → mobile safe-area rule (outer 5% clipped)
    → 30pt text floor
load references/consistency-rules.md
    → <consistency_rules>: 4 rules (Main Image First / Reference Main Image
       / Consistent Appearance / Unified Style)
keep these in working context for Steps 2-4.

# Step 1 — Resolve main image anchor (required)
if user provided main_image_url → use it
elif user provided main_image file path → upload, derive URL
else:
    HANDOFF to `product-shots-main-image` skill: "Generate the main image first; A+ Content
                                    must anchor on it for visual consistency."
    assert main_image_url is available before continuing

# Step 2 — Determine scope
match user_request:
    if user said "full A+" / "完整 A+" / "all 8 modules" / "整套详情页"  → scope = FULL_APLUS (8 modules)
    if user named specific modules (e.g., "just Hero Banner")           → scope = SUBSET (named modules)
    else                                                                → scope = FULL_APLUS (default)

# Step 3 — Generate each module
load references/aplus-modules.md
for module in scope.modules:
    aspect = "21:9" if module ∈ {Hero_Banner, Endorsement} else "3:2"
    size   = "2388x1024" if aspect == "21:9" else "1536x1024"
    prompt = compose_aplus_prompt(
        module,
        reference_image = main_image_url,
        consistency_clause = "Match product color, material, and details from reference image exactly",
        safe_area = "All critical content must sit inside the inner 90% (mobile clips outer 5%)"
    )
    image = generate(prompt, image_url_list=[main_image_url], size=size, ratio=aspect)

# Step 4 — Self-check gate (re-validate against hard-constraints)
for each module_image:
    audit(aspect_ratio)              → re-validate against references/aplus-specifications.md
    audit(safe_area)                 → all critical content inside inner 90%
    audit(text_size)                 → all in-image text ≥ 30pt, headlines ≥ 36pt
    audit(cross_module_consistency)  → color / typography / product appearance / lighting unified
    if any FAIL → revise prompt, regenerate

# Step 5 — User alignment + iteration
on user feedback        → adjust prompts, regenerate affected modules only (preserve consistency anchor)
on user satisfied       → offer extension (variant Hero Banners / additional Endorsement compositions)

Applicable Scenarios                                    → SKILL.md (intro paragraph + EP Step 2 scope rules)
Core Deliverables                                       → SKILL.md (Engagement Principles 2-5)
Adaptive Workflow                                       → SKILL.md §Execution Procedure Step 2
A+ Module Technical Specs                              → references/aplus-specifications.md
A+ Page Modules (8 modules)                            → references/aplus-modules.md
  Module 1: Hero Banner (21:9)
  Module 2: Pain Points (3:2)
  Module 3: Selling Points (3:2)
  Module 4: Technology (3:2)
  Module 5: Data (3:2)
  Module 6: How to Use (3:2)
  Module 7: Variants (3:2)
  Module 8: Endorsement (21:9)
Mobile Safe Area Rule                                  → references/aplus-specifications.md §Mobile safe-area rule
                                                         + references/aplus-modules.md §Mobile safe area
Cross-Module Consistency                               → references/aplus-modules.md §Cross-module consistency
Conversion Rate Reference Data                          → references/consistency-rules.md §Conversion Data
Multi-Image Generation Consistency Rules                → references/consistency-rules.md §<consistency_rules>
User Alignment Guidance                                 → SKILL.md §Execution Procedure Step 5
Iteration and Optimization Tips                         → SKILL.md §Execution Procedure Step 5