How to build a scroll-driven landing page from an example with Scroll Studio

Related use cases from other repos

• Build a cinematic 3D landing page from a brief

  Turn a one-page brief into a scroll-driven 3D product site using the Dioramas engine.

  • REPO blendi-remade/dioramas
  • Software and DevOps
  • Intermediate
  View prompt

  Work in the blendi-remade/dioramas repo. Read docs/ENGINE.md and the brief at <path-to-brief>, then build a new example site under examples/ for <product name> with one signature interaction. Expected output: an examples/<slug>/ folder with index.html, main.js and style.css that loads at /examples/<slug>/ on the dev server. Verify by running npm run dev and confirming the new page renders without console errors.

  Share Email me this

• Build a landing page in Claude Code with intake questions and conversion copy

  Copy the landing-page-design skill into Claude Code and ask for a page in plain language.

  • REPO elayadesign/ai-design-skills
  • Claude Code
  • Content
  • Beginner
  View prompt

  Install the landing-page-design skill from elayadesign/ai-design-skills into .claude/skills, then build a landing page for <product>. Ask me the intake questions first and show the page structure before writing code.

  Share Email me this

• Rewrite a correct but stiff message so it lands socially

  Keep the facts and fix the tone for an upward or formal message that is hard to answer.

  • REPO FAIRY123456789/human-edge-agent-skills
  • Work and operations
  • Intermediate
  View prompt

  Using the social-signal-and-tact Skill from FAIRY123456789/human-edge-agent-skills, rewrite this draft message to <recipient role> so it stays factually identical but reads warmly: <draft>. Expect one revised message and a short note on what changed. Verify that no familiarity is implied that the relationship does not support.

  Share Email me this

Third-party repos we don't own. AI-written use cases can be wrong. Disclaimer