studio_goto
Navigate to a URL with a branded transition card that hides loading flashes and displays chapter titles. Waits for real content to appear before lifting the card.
Instructions
Navigate to a URL behind a designed transition card (eyebrow + big title on the theme background) — the viewer never sees a loading flash or half-hydrated page. Use for the opening shot AND every surface change; give each a short title so the cut reads as a chapter. Waits for real content (network settle + optional wait_for selector + skeleton loaders cleared) before lifting the card.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Absolute URL to navigate to, including scheme. Example: 'https://app.example.com/dashboard'. | |
| title | No | Big title on the transition card — usually the surface name. Optional but recommended so each cut reads as a chapter. | |
| eyebrow | No | Small uppercase kicker on the transition card, e.g. 'DASHBOARD'. Optional. | |
| dwell_ms | No | Minimum time the card stays up so the title reads, in milliseconds. Optional; default 1200. | |
| wait_for | No | CSS selector that must be visible before the card lifts (on top of network-settle + skeleton clearing). Optional; use it when the real content is gated behind a spinner. Example: '[data-loaded=true]'. |