amirmushichge GitHub avatar

cinematic-scroll-prompt-kit

amirmushichge

A reusable prompt and project-brief system for building cinematic, scroll-driven 2.5D websites using coding agents and native browser APIs, without requiring WebGL or JavaScript libraries.

Stars

145

7-day growth

+47

Forks

15

Open issues

0

License

MIT

Last updated

2026-07-17

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

It provides a structured, agent-agnostic workflow that enables AI coding agents to produce production-ready scroll-driven experiences with deterministic checkpoints, accessibility, and reduced-motion support, all while remaining framework-agnostic.

Who it is for

  • Developers using AI coding agents (Codex, Claude Code, etc.)
  • Frontend engineers building interactive narrative websites
  • Designers and teams creating scrolling brand experiences
  • Web developers wanting to leverage native APIs for cinematic effects

Use cases

  • Product launch pages with scroll-driven storytelling
  • Interactive portfolio or case study websites
  • Travel or event sites with layered visual narratives
  • Educational or editorial content requiring immersive scrolling

Strengths

  • Framework-agnostic, works with static HTML or any modern framework (React, Vue, Svelte, etc.)
  • Uses only native browser APIs, avoiding heavy libraries like Three.js or GSAP
  • Includes a detailed verification workflow with 8 checkpoints and comprehensive QA requirements
  • Emphasizes accessibility, reduced-motion safety, and responsive behavior

Considerations

  • Requires meticulously prepared depth layers from a single master composition
  • Success depends on the AI agent's ability to follow the detailed prompt and handle edge cases
  • Mobile composition and performance may need manual tuning beyond what the prompt can guarantee

README quick start

Quick start

Description

Reusable AI prompt and project brief system for cinematic scroll-driven 2.5D websites.

Related repositories

Similar projects matched by category, topics, and programming language.

makecindy
Featured
makecindy GitHub avatar

cindy

Cindy is an open-source AI agent that runs locally on your machine, integrates multiple AI harnesses and models, and provides memory, skills, and automation to perform real work in your projects and apps.

AI & Machine LearningLarge Language Models
958
7-e1even
Featured
7-e1even GitHub avatar

learn-agent

A collection of notes on building coding agents, derived from the production development of the desktop agent Reina, with each mechanism simplified into a zero-dependency, single-file Node.js demo.

AI & Machine LearningLarge Language Models
218
AgriciDaniel
Featured
AgriciDaniel GitHub avatar

anti-slop

Anti-slop is a tool for detecting and repairing substance defects in AI-assisted prose, code, documentation, and agent output using deterministic scanners and structural procedures that produce verifiable artifacts rather than authorship judgments.

AI & Machine LearningLarge Language Models
9