Forma Spatial Launch
Create a cinematic launch page using a generated amber-glass key visual, subtle pointer-responsive depth and a live orbital particle study. The editable Canvas scene includes density and motion controls; eight narrative chapters complete the page.
A little less setup
Make this part of your toolkit.
Give your agent this prompt. You’ll approve access in your browser before it installs a Skill.
Read https://skilly.uk/install/skills/forma-spatial-launch.md and follow the instructions to install this Skill for my agent.REAL SAMPLE / RELEASED PACKAGE
RELEASED v1.0.0A closer look at the actual output.
An actual generated launch website with an amber glass concept image and a browser-drawn orbital scene. The particles animate in HTML; the glass hero is a still image with CSS/pointer motion, not a generated video.
THE COMPLETE TEMPLATE
Try it. Make yourself at home.
Scroll inside, explore the pages, and try the controls. Choose Open for downloads, printing, or external links.
1440 × 900 canvas · scaled evenly to fitUse the preview’s own scroll and keyboard controls.
Inside this template
10 sections- Launch introduction
- Live orbital playground
- How much activity does an idea need?
- One field. Three different first impressions.
- Change one thing. Notice one thing.
- Follow a point, then read the whole.
- The center is not the only place to look.
- Pause the drift. Keep the presence.
- Give someone a question, not your answer.
- Finish with a choice you can explain.
- Tested runtime
- macOS arm64 · Node.js 24.19.0 · Chromium
- Pinned dependency
- Native Canvas 2D and CSS · locally bundled OFL fonts
- Checks completed
- Structured generation, invalid input, literal text escaping, new-brief execution, responsive rendering, particle density and actual motion/pause behavior.
Codex tested with a new brief through explicit SKILL.md invocation; desktop and mobile Chromium checks passed. Other agents and Safari are unverified.
Canvas uses a 2D projection, not a Three.js model viewer. No real spatial platform, cloud render, waitlist or account backend is included. Supporting theme copy is editable in source; exact image model ID is unknown.
From a good brief to a better result.
Create a cinematic launch page using a generated amber-glass key visual, subtle pointer-responsive depth and a live orbital particle study. The editable Canvas scene includes density and motion controls; eight narrative chapters complete the page. The published package has its own version, tested environments, and included outputs listed alongside this overview. Any earlier draft samples below retain their original verification scope.
What you bring
- Product concept, verified claims, headline and eight structured chapters
- An authorized key visual or the supplied generated concept
What you’ll make
- Editable ten-section launch website
- Pointer-reactive hero and native Canvas particle playground
- Complete Skill instructions, image prompt, generator, tests and local assets
The intended workflow
- Define the message and a coherent visual metaphor
- Generate the launch page in a new directory
- Review the live scene, motion controls, readability and mobile layouts