DEDUPED Hot AI repos. Real use cases. What people build. Get the Monday 5

How to design a scroll site for your brand from a brief with Scroll Studio

Start a site from a brief, pick one of six art directions, storyboard it, then build, inspect and publish it as a static folder.

Short answer: Install with git clone https://github.com/Okohedeki/scroll-studio && cd scroll-studio, pip install -e ., then studio doctor to see what this machine can build; then run studio new my-site and edit the starter site.yaml with your brand and copy; run studio directions my-site, compare the six art directions and pick one with --pick. All steps.

  • Content
  • Intermediate
  • 2 hours
  • From the README
  • Any agent

Who it is forA founder or designer preparing a product launch page who wants scroll-driven video and 3D without a motion studio.

The problemRendering video before everyone agrees on a direction wastes GPU hours and forces full rebuilds for small changes.

The outcomeA storyboarded, built scroll site in your chosen direction, checked for visual glitches and exported for any static host.

What you need first

  • Python
  • A GPU for generated film and images (live 3D examples need only Python)
  • Blender for some scenes

Steps

  1. Install with git clone https://github.com/Okohedeki/scroll-studio && cd scroll-studio, pip install -e ., then studio doctor to see what this machine can build
  2. Run studio new my-site and edit the starter site.yaml with your brand and copy
  3. Run studio directions my-site, compare the six art directions and pick one with --pick
  4. Run studio storyboard my-site --edit for sketches, stills and an animatic before any video render
  5. Run studio build my-site, then studio inspect my-site, then studio publish my-site --out site

Prompt for your agent

With Scroll Studio, create <site> from this brief: <brief>. Show me the six directions, storyboard the one I pick, build it, run `studio inspect`, and list every issue it reports before publishing.

Caveat. Image, film and 3D generation run on open models on your own GPU; `studio doctor` tells you which stages your machine can build.

Use this in your AI agent

Ask your agent

Using the Deduped MCP, get the setup steps for Okohedeki/scroll-studio and "Design a scroll site for your brand from a brief"

Add Deduped to Claude Code once

claude mcp add --transport http deduped https://dedupedai.com/mcp

Cursor, ChatGPT, others

Share: X LinkedIn Hacker News Email Copy link

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