---
title: "Product Teardown Infographic — exploded isometric poster of what's inside"
tier: hero
format: poster
theme: hardware | consumer-tech | explainer | b2b | industrial-design
persona: product marketer, industrial designer, hardware founder, agency strategist
duration: "1 product brief → exploded isometric poster (+ optional 15s social cut) in ~10–18 min"
budget_usd: "$0.40–$2.80 (infographic render + optional Ken-Burns/i2v social animation)"
caps: ["create_media", "gpt-image", "ideogram-v4", "sensenova-u1-infographic", "ltx-i2v", "ffmpeg-export", "music", "ffmpeg-mux"]
skills: ["infographics", "commercial", "short-form-video"]
showcases: ["/chapters/product-teardown-infographic-example.html"]
status: "live (2026-08-03) — Wave 1 showcase rendered E2E via MCP. See /chapters/product-teardown-infographic-example.html"
reliability: 3.9 # first E2E showcase; curated (≥4.0) deferred until a second successful run
---

# Product Teardown Infographic — show what's inside, beautifully

Paste this into Claude cowork, chat, or Code with the **Livepeer Agent** MCP attached. You describe a product — a speaker, a sneaker, a skincare device, a bike light — and the agent produces a **technical exploded / isometric teardown poster**: components separated along an axis, callout lines, material labels, and a hero title. The hard part is **legible structure + numbers**; that's why the primary path uses the **infographic-native model** (layout + data in one pass), with photoreal generators for hero component detail when needed. Optionally, animate the poster into a **15s vertical social cut** via Ken-Burns drift or a light i2v pass.

## ROLE

You are a product marketing designer. Success = a **single poster** (and optional reel) that makes a complex product feel understandable and premium — exploded view, isometric depth, readable callouts, brand palette honored. You write the component list; the agent renders structure, not mush.

## What you'll get

- **One exploded isometric poster** — print-ready PNG, typically 2:3 or 4:5
- **Structured callouts** — component names, materials, key specs (exact text in the infographic layer)
- **Optional 9:16 social cut** — slow Ken-Burns push across the poster + calm bed (~15s)
- **An HTML launch page** — poster embedded + component list + share URL at `public/launches/{launch_slug}-teardown.html`

## Fill in your BRIEF

```yaml
product_name:        # e.g. "Arc Pulse Earbuds"
product_category:    # e.g. "true-wireless earbuds" / "electric kettle" / "running shoe"
components:          # 5–12 parts, one per line — e.g. "10mm driver unit" / "ANC mic array" /
                     #   "titanium hinge" / "USB-C charge case"
hero_spec:           # the one stat to headline — e.g. "32hr total battery · IPX5"
visual_style:        # e.g. "clean isometric exploded view, white background, cyan accent callouts,
                     #   Apple-keynote precision, subtle drop shadows"
palette_hex:         # 3–4 hex colors, e.g. #0A0A0A #00D4FF #F5F5F5 #FFFFFF
launch_slug:         # kebab-case, e.g. arc-pulse-teardown
aspect_ratio: 2:3    # poster ratio — 2:3 print | 4:5 social | 9:16 if social-only
social_cut: false    # true → also produce a 15s Ken-Burns/i2v reel after poster approval
```

## CONVENTIONS (the agent depends on these)

1. **HITL gates:** at every STOP, ask exactly one specific question with concrete options. Never proceed without an answer.
2. **Cost ceiling:** total < $10. After each stage, print running cost. If approaching $10, halt and ask "approaching $10. continue / stop?".
3. **Output paths:** write HTML to `public/launches/{launch_slug}-teardown.html`. Print full paths at end.
4. **Brand stickiness:** if `brand_kit_id` is supplied, set active before renders. Otherwise infer palette from `palette_hex` in prompts.
5. **MCP envelope gaps:** ffmpeg-mux for social cut may need direct SDK POST when array params drop.
6. **On capability failure:** retry once after 5s. On second failure, ask "retry / skip / abort?".
7. **Polling:** poll every 8–15s until done or failed.
8. **Never invent specs** — only render components and numbers the user supplied in BRIEF.

## The cap chain

```
product_name + components + hero_spec
  → agent normalizes: title, 5–12 labeled parts, one headline stat, layout structure
  → sensenova-u1-infographic (PRIMARY)     # one-shot infographic: exploded isometric + callouts
       prompt MUST include: title, every component name, hero_spec, visual_style, palette
       for dense briefs: ask the model to think through layout hierarchy first
  → fallback if layout drifts:
       gpt-image (hero isometric assembly) + ideogram-v4 (typography/callout panel)
  → optional social cut (if social_cut: true):
       Ken-Burns DEFAULT on poster still → ~15s 9:16 clip (deterministic, ~$0.02)
       OR ltx-i2v upgrade for subtle parallax (+$0.30, fal latency)
  → optional: music bed + ffmpeg-mux under social cut
  → write launch HTML
```

## How the agent should run this (interaction contract)

1. **CONFIRM:** restate product + component count + poster vs poster+reel + cost band (~$0.40–2.80).
2. **PREVIEW CHECKPOINT:** show normalized component list + layout plan ($0) BEFORE the infographic render fires.
3. **NARRATE:** ETA for infographic pass (~60–120s); poll through optional animate.
4. **FAIL GRACEFULLY:** sensenova garbles labels → ideogram-v4 callout strip composited in HTML/post; i2v flake → Ken-Burns.
5. **DELIVER:** poster URL + honest note on which specs are user-supplied vs illustrative.

---

## STAGE 0 — Confirm the brief (STOP)

Read back product, component list, and `hero_spec`. Flag if fewer than 5 components (poster may feel thin) or if specs look invented — ask user to confirm numbers.

**STOP:** "Component list and hero spec correct? (approve / edit [field])"

## STAGE 1 — Normalize the teardown structure (~$0)

Expand `components` into a structured outline: explosion axis (vertical / radial), reading order, which 3 parts are hero-sized vs supporting. Draft the infographic prompt (title + all labels inline). Show outline to user.

**STOP:** "Layout plan looks right? (approve / reorder components / simplify)"

## STAGE 2 — Render the exploded poster (~2 min, ~$0.04–0.12) (STOP)

Generate the poster in one infographic-native pass. Thread `visual_style`, `palette_hex`, and every component name into the prompt. Prefer the model built for data-rich layout — not a generic photoreal generator.

**STOP:** "Poster ready — callouts legible and components separated? (approve / refine [direction] / retry with simpler layout)"

## STAGE 3 — Optional detail pass (~1 min, ~$0.04) (STOP if needed)

If one hero component (driver, chip, sole plate) needs photoreal fidelity, run a single supplementary render and describe compositing in the launch page — do NOT regenerate the whole poster.

**STOP:** "Detail insert helps, or ship the single poster? (ship / add detail / redo poster)"

## STAGE 4 — Optional social cut (~3 min, ~$0.02–0.50) (STOP)

Only if `social_cut: true`. Ken-Burns slow zoom on the approved poster → 15s 9:16 clip. Offer i2v upgrade only if user accepts extra cost and latency.

**STOP:** "Social cut motion feels right? (approve / Ken-Burns only / skip reel)"

## STAGE 5 — Launch page (~$0)

Write `public/launches/{launch_slug}-teardown.html` — poster hero, component table, optional reel embed, disclaimer that specs are from the brief.

**STOP:** "Ready to share the teardown page? (approve / tweak poster first)"

---

## FINAL OUTPUT (print exactly)

```
✅ Teardown page: public/launches/{launch_slug}-teardown.html
✅ Poster: <URL> (<aspect_ratio>)
✅ Social cut: <URL or "skipped">
✅ Components rendered: <n>/<n> from brief

Total spent: $X.XX
Total wall-clock: MM:SS
```

## AFTERCARE (suggest, do NOT auto-run)

- **Print:** export at 300 DPI via ffmpeg-export for trade-show banners.
- **Localization:** re-run Stage 2 with translated callout labels — structure stays, copy swaps.
- **Comparison poster:** duplicate brief with competitor silhouette removed — side-by-side teardown for sales decks.
- **Deck embed:** drop the poster into the executive briefing template from product-launch.

## Notes for the agent

- **Specs are sacred** — if the user didn't supply a number, don't put it on the poster.
- **ideogram-v4** is the typography fallback when callout text garbles in the primary pass.
- **Ken-Burns beats i2v** for poster animation — the poster IS the art; motion should not redraw components.