Skip to content
FunCoding

Search

Search docs, Skills and MCP

render-3d-product-showcase

Assemble a premium 3D product-showcase ad from a config — four beat clips (an orbiting hero rotation, a macro push-in, a physics reveal, a typographic close) normalized to the chosen backdrop colour, hard-concatenated in order, closed on a deterministic Playwright brand end card, and mixed under one instrumental bed at loudnorm I=-16 (music-only, no VO). Ships the runnable build_endcard.py + build_masters.py; the rotation/macro clips are create-video-fal i2v seeded on a create-image-fal styled hero, the reveal is Veo3 i2v, and the bed is create-music-elevenlabs. Use for the 3d-product-showcase format.

浏览器自动化1.2kskills/ads/capabilities/render-3d-product-showcase/SKILL.md

Install

Send this to Claude Code, Codex or Cursor. The agent checks the Skill for safety first and installs it only after you confirm.

读取 https://funcoding.ai/skills/gooseworks-ai/goose-skills/render-3d-product-showcase/install.md ,按里面的步骤帮我安装这个 Skill。

SKILL.md

render-3d-product-showcase

Assemble a premium 3D product-showcase ad from a config: one real product floats centered on a clean seamless backdrop (colour and lighting chosen per brand) and sells itself across four beats — an orbiting hero rotation, a macro push-in on the surface detail, a physics reveal (exploded_view / particle_disintegration / liquid_splash, or rotation_only), then a typographic brand close. This capability is the FREE, deterministic assembly that stitches the delivered beats into the master; it spends nothing.

scripts/config.example.json is the worked example (DIBS Beauty "Desert Island Duo", ~15s 720×1280 9:16); scripts/build_endcard.py + scripts/build_masters.py are the runnable free assembly; scripts/PIPELINE.md maps every config block to its source step; scripts/README.md documents the assembly.

Choices

The recipe asks these before any paid step; this capability only assembles their result. The demo's value is an example, never a default:

  • backdrop → studio_look.bg (the pad colour build_masters.py uses) + the beat prompts. Demo: bubblegum pink #F8B8C6.
  • lighting_mood → studio_look.lighting_preset / rim_light + the beat prompts. Demo: luxe_botanical_warm (warm rim light upper-right, warm bokeh).
  • reveal → reveal_variant + beats[2]. Demo: exploded_view.
  • music → music.prompt (the bed passed to build_masters.py --music). Demo: uplifting pop-ambient, drop at 7s, 100 BPM.

Run

This is the FREE, deterministic assembly stage — it spends nothing. The paid inputs are separate capabilities: Beats 1 & 2 (hero rotation + macro push-in) are create-video-fal image-to-video seeded on a create-image-fal styled hero — a nano-banana restyle of the brand's REAL product photo onto the seamless studio set, so the product geometry is real and never AI-invented; Beat 3 (the physics reveal) is a Veo3 image-to-video seeded on Beat 1's last frame (also create-video-fal); the one instrumental bed is create-music-elevenlabs. There is no Higgsfield / Marketing Studio in this format — everything paid runs through the fal-proxy / elevenlabs-proxy so it bills the Ads agent.

Given those beats + the brand wordmark, this capability:

  1. build_endcard.py --bg beat1_last_frame.png --headline "…" --wordmark <wordmark> --out endcard.png — the deterministic Beat-4 hyperframe (Playwright 1080×1920 → ffmpeg-scale to 720×1280).
  2. build_masters.py --config config.json --clips working/clips --endcard endcard.png --music music.mp3 --out master.mp4 — trims each beat to its window, normalizes to the brand canvas, hard-concats, mixes the bed.

Re-cuts reuse the existing beats and cost $0.

Contract (the free assembly)

  • Music-only, no VO. One ElevenLabs instrumental bed carries the film; nobody speaks. Do not add a spoken voiceover or a second bed.
  • Beat 1's last frame is the shared anchor. Extract it (ffmpeg -sseof -0.1 … -frames:v 1) once — it seeds the Veo3 Beat 3 AND backs the Beat 4 end-card hyperframe, so the product + lighting carry across all four beats and the geometry never AI-drifts.
  • End card via Playwright from the real wordmark — never AI-render brand text. The brand close is a deterministic hyperframe (Beat 1 last frame + scrim + serif headline — --headline-font, Playfair Display by default — + the real wordmark, recolored for contrast). build_endcard.py auto-picks a legible headline color from the bg luminance and renders 1080×1920 then scales to 720×1280. The headline font is loaded from Google Fonts; bundle the .ttf if determinism offline matters. If the resolvable Playwright wants an uninstalled browser build, export PW_CHROME=<installed Chromium binary> (shoot.js honours it).
  • Normalize each beat to the brand canvas, hard-concat. Per beat: trim to the window, strip the i2v model's auto-audio (-an), scale + pad to 720×1280 with the brand bg pad color, 24fps, yuv420p, crf 18 → concat demuxer. No dissolves.
  • FFmpeg mix, deterministic, FREE. Mix one instrumental bed (afade in/out + loudnorm I=-16 TP=-1.5 LRA=11, apad + atrimmed to master duration) over the concatenated beats → a 720×1280 h264+aac master. No paid calls, no keys.

Similar Skills

webapp-testing
anthropics/skills180k

webapp-testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

Browser automation

browser-testing-with-devtools
addyosmani/agent-skills103k

browser-testing-with-devtools

Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.

Browser automation

webapp-testing
ComposioHQ/awesome-claude-skills77k

webapp-testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

Browser automation

browser
code-yeongyu/oh-my-openagent70k

browser

Drives a real browser through the omowright library from the js eval kernel: sites the user is already signed into, forms and clicks, JS-rendered pages, screenshots, web QA, extension popups, a human handoff for login, CAPTCHA or OTP, and a browser you own for scraping, bot-scored targets, network capture and QA traces. Use for any interactive browser task; not for a plain search or an unblocked static fetch.

Browser automation

agent-browser
shanraisshan/claude-code-best-practice67k

agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.

Browser automation

cherry-regression-test
CherryHQ/cherry-studio52k

cherry-regression-test

Run Cherry Studio critical-path system regression tasks through the repository-owned Playwright E2E workflow. Use for full regression, release acceptance, development-branch system validation, or a named cherry-regression-test task on GitHub-hosted macOS and Windows runners.

Browser automation