An agent skill for cinematic landing pages
Most pages are assembled. The memorable ones are directed. Webskill gives your coding agent a method for building a world visitors can enter, explore, and remember.
Webskill is an instruction set for AI coding agents. It turns a loose request into an art direction, a sequence of visual scenes, an honest loading experience, and one interaction with a reason to exist.
Choose a subject, a promise, and the world it should live in. Decide what the visitor sees first and why the next moment matters.
Direction → subject / palette / typography / assetMap the page into distinct compositions. Let light, depth, text, and camera movement carry the story together instead of adding motion after the design is done.
Composition → scenes / camera / scroll / depthOne value can move the sun, reshape the shadows, and change what a scene feels like. This small world is real 3D; its camera and light follow the story as you scroll.
A loader follows the assets the page actually needs. A broken asset never leaves a visitor trapped.
Scroll changes the scene with intention. One signature interaction gives the visitor agency.
The agent checks the rendered page across desktop, mobile, keyboard, and reduced motion.
Hero, sections, typography, header, controls, labels, and a final action designed around the scene.
Asset choice, real geometry, physical materials, motivated light, and atmosphere with a reason to exist.
Scroll camera states, honest loading, one meaningful interaction, optional sound, and connected motion.
Responsive performance, graceful fallback, accessibility, and review of the actual rendered frames.
One command opens the guided installer. Choose your coding agent, review the destination, and start creating a landing page with a story.
$ npx @zyrix/webskill@latest install