13-second example rendered by this skill from examples/ostra · 1280×720
About this skill
Lookbook wrote this package from scratch: the hero design, the product window, the scripted cursor and its timeline, the still picture, the checks and the recorder. The motion follows the open-source Interaction Design skill from wshobson/agents (MIT); no code from it is included. Credits and licences for the open-source software and fonts it uses are in NOTICE.md inside the download.
Example request
Build a Cursor Tour hero for our release desk: the window ticks off our four pre-flight steps, turns on launch notifications, picks a 100% rollout and ships v2.4, then record the launch video.
Similar Skills
View all
What you get
- One self-contained HTML page, light or dark, copy on the left or right, plus a paste-in embed
- A product window with 2 to 5 checklist rows, up to two switches, a segmented choice, a main button and a confirmation toast, all from your words
- An event stream card beside the window on wide screens
- A still of the finished state for reduced motion and if the script fails
- Checks at four widths for overflow, cut-off text, contrast (the window's greys included) and accessible names
- A 1080p MP4 and poster recorded frame by frame, landscape or portrait
- Open-source licenses for every part it builds on
Good fit
- Product launch
- Brand
Not for
- Showing real screenshots or video of your app (the window is a designed stand-in)
- Interactive demos visitors click through themselves
- Long or branching tours: one workflow, one 'done' moment, on a fixed rhythm
- Centred heroes with the demo behind the headline
Compatibility
Works with
Generates with
Works in any agent that reads SKILL.md folders. Added Oct 25, 2026. Commercial use of everything you make is included.
Reviews
No reviews yet. People who install this skill can leave the first one.
FAQ
Which agents can run Cursor Tour Hero?
Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.
Do I own what I make with it?
Yes. Everything your agent makes with this skill is yours, including for client and commercial work.
What if it doesn’t work for me?
Email support@lookbk.dev within 7 days of buying and we’ll fix it or refund you.