Ostra's product hero: “Pre-flight checklist” to “Ship v2.4”
This 13-second clip is a product hero for Ostra with 4 rows under “Pre-flight checklist”, 4 choices under “Rollout” and a “Ship v2.4” button. The Cursor Tour Hero skill rendered it from examples/ostra/hero.json in its package. Every field of that file is listed below.
The brand and web addresses in this example are made up. The .example ending is a reserved name that never leads to a real site.
What is on the page
Ostra is a release desk for product teams, and its page opens on the badge “2.4 · Release desk for product teams” above the headline “Software that answers back.” The lede says every check, toggle and ship in Ostra confirms itself in under a quarter second. The buttons are “Start a release” and “Watch the tour”, and they are followed by the note “Free for teams of up to five. No card needed.” The bar holds four links (Release desk, Changelog, Rollouts and Pricing) and the button “Request access”.
The product window carries the words “Releases” and “Kestrel” in its title, with the small tag “v2.4”. Its list, “Pre-flight checklist”, has four rows, each with owner initials and a state: “Migrations reviewed” (MK, review), “Changelog copy approved” (AL RO, draft), “Feature flags staged” (JS, pending) and “Support macros updated” (TN MK, pending). Two switches follow: “Notify #launch”, set off, and “Auto-rollback”, set on.
Under the label “Rollout” are four choices: “5%” (64 workspaces · eu + us), “25%” (321 workspaces · eu + us), “50%” (642 workspaces · eu + us) and “100%” (1,284 workspaces · eu + us). The main button reads “Ship v2.4”, then “Shipping” while it works and “Shipped” when it is done, and a finished row reads “ready”. The toast says “v2.4 is live for 1,284 workspaces”, with the line “Swipe to dismiss · undo for 8s” and an “Undo” button, and a card titled “Event stream” is switched on.
Compared with Tallyhall
Tallyhall, the other hero from this skill, tells a different story. Ostra’s page is light, with a ground of #ffffff, ink #0a1024 and an accent of #1e4bff, and its copy is aligned left; Tallyhall’s is dark, with a ground of #0e1311 and an accent of #5ee08f, and its copy is aligned right. Ostra’s list is a pre-flight checklist for a release and its rollout has four choices; Tallyhall’s is a list of month-end tasks and its control, “Entities”, has three. Ostra’s main button reads “Ship v2.4” and Tallyhall’s reads “Close March”. Ostra sets its type in Inter, Tallyhall in Bricolage Grotesque and IBM Plex Sans. The finished state is held for 2 in one file and 2.2 in the other, and the dot grid is set to 0.6 against 0.5.
What the settings fix
The window is made from the settings in hero.json. The skill’s SKILL.md says the cursor ticks the rows from top to bottom, turns on the switches that start off, picks the last choice and presses the main button, and that the window is plain HTML and CSS, so changing the rows, labels, button words or toast text in the file changes what the window shows. In this file the last choice is “100%” and the toast names 1,284 workspaces, the same count as that choice.
Frames from the clip
Settings
Every field of examples/ostra/hero.json, as stored in the package.
| Setting | Value |
|---|---|
| brand.name | Ostra |
| brand.logo | logo.svg |
| brand.href | / |
| action.label | Request access |
| action.href | /access |
| hero.badge | 2.4 · Release desk for product teams |
| hero.title | Software that *answers* back. |
| hero.lede | Every check, toggle and ship in Ostra confirms itself in under a quarter second. Your team always knows what just happened, and what happens next. |
| hero.actions[0].label | Start a release |
| hero.actions[0].href | /start |
| hero.actions[1].label | Watch the tour |
| hero.actions[1].href | /tour |
| hero.note | Free for teams of up to five. No card needed. |
| hero.align | left |
| theme.mode | light |
| theme.background | #ffffff |
| theme.ink | #0a1024 |
| theme.accent | #1e4bff |
| theme.fonts.display | Inter |
| theme.fonts.body | Inter |
| theme.fonts.weight | 600 |
| effect.crumb | Releases |
| effect.project | Kestrel |
| effect.version | v2.4 |
| effect.listTitle | Pre-flight checklist |
| effect.listMeta | owner · status |
| effect.rows[0].label | Migrations reviewed |
| effect.rows[0].who | MK |
| effect.rows[0].status | review |
| effect.rows[1].label | Changelog copy approved |
| effect.rows[1].who | AL RO |
| effect.rows[1].status | draft |
| effect.rows[2].label | Feature flags staged |
| effect.rows[2].who | JS |
| effect.rows[2].status | pending |
| effect.rows[3].label | Support macros updated |
| effect.rows[3].who | TN MK |
| effect.rows[3].status | pending |
| effect.doneStatus | ready |
| effect.counterLabel | ready |
| effect.toggles[0].label | Notify #launch |
| effect.toggles[0].on | false |
| effect.toggles[1].label | Auto-rollback |
| effect.toggles[1].on | true |
| effect.segmentLabel | Rollout |
| effect.segments[0].label | 5% |
| effect.segments[0].meta | 64 workspaces · eu + us |
| effect.segments[1].label | 25% |
| effect.segments[1].meta | 321 workspaces · eu + us |
| effect.segments[2].label | 50% |
| effect.segments[2].meta | 642 workspaces · eu + us |
| effect.segments[3].label | 100% |
| effect.segments[3].meta | 1,284 workspaces · eu + us |
| effect.button | Ship v2.4 |
| effect.busyLabel | Shipping |
| effect.doneLabel | Shipped |
| effect.toastTitle | v2.4 is live for 1,284 workspaces |
| effect.toastDetail | Swipe to dismiss · undo for 8s |
| effect.toastAction | Undo |
| effect.stream | true |
| effect.streamTitle | Event stream |
| effect.size | 1 |
| effect.hold | 2 |
| effect.grid | 0.6 |
| motion.speed | 1 |
| motion.pointer | true |
| meta.title | Ostra: the release desk that answers back |
| meta.description | Checklists, switches and rollouts that confirm themselves in under a quarter second. Ostra 2.4 is the release desk for product teams. |
| meta.url | https://ostra.example/ |
| meta.lang | en |
| Setting | Value |
|---|---|
| label | Release desk |
| href | /desk |
| Setting | Value |
|---|---|
| label | Changelog |
| href | /changelog |
| Setting | Value |
|---|---|
| label | Rollouts |
| href | /rollouts |
| Setting | Value |
|---|---|
| label | Pricing |
| href | /pricing |
More from Cursor Tour Hero
Related skills
- Split-Flap Board Hero
Motion Heroes
Examples:Owl LineSaltmarsh Weekender
- Launch Film: Porcelain
Launch Films
- Launch Film: After Hours
Launch Films



