Agent skill · nousresearch
scrollcraft
Premium scroll-driven landing pages; scroll = timeline.
What it needs
About 7k tokens when loaded.
What this skill does
scrollcraft Scroll is the only input every visitor already knows. This skill treats it as a timeline: the wheel is a scrubber, the page is a film with real text on top, and each section behaves differently enough that the visitor keeps going. What you produce: an interview brief, a page grammar, a customer-journey map, a feeling curve with one engineered peak, a scroll score, one signature move, assets, one real HTML page on a token-driven design floor, and a strip of screenshots proving it holds up at every scroll position. Use for: "scrollytelling", "scroll animation site", "a site where scrolling plays a video", "Apple-style landing page", "3D scroll world", "make my brand a scroll experience", "this looks like a template", or any request for a site that should feel like an experience rather than a document. What this is not It is not "generate a flythrough and drop text on it." That produces one device applied to a whole page, recognisable at a glance. Four spine rules: 1. Variety is the product. At least four device families, never the same device twice in a row. Read references/devices.md. 2. The world is photographic unless the brand is genuinely illustrated. Clay/low-poly diorama is banned as a default. Read references/worlds.md. 3. No continuous chain unless the brief is literally "one continuous journey" (then see references/worldflight.md). 4. A different world is not a different page. Structure is a separate axis; decide it deliberately. Read references/uniqueness.md. Step 0: The interview Always ask the user in chat before building anything. Real questions, asked and answered in the conversation, written down — not a brief inferred from the brand name. Eight questions in one pass: 1. Vibe in three to five words, plus up to three references from any medium (film, album cover, shop, magazine, game — not "sites you like"). 2. The scroll journey, section by section, in their words. 3. The energy curve — where calm, where intense. 4. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nousresearch/scrollcraft