cinematic-scroll plugin
Web Design Studio: cinematic-scroll builds cinematic, scroll-driven websites (pinned chapters, parallax, real-time 3D, full release pages) in your brand; scroll-audit scores an existing page; launch-page-strategy writes the story brief first. 28 live examples prove the range; the motion is the constant, the look is yours.
How to install the cinematic-scroll plugin
Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.
/plugin marketplace add MustBeSimo/web-design-studio
/plugin install cinematic-scroll@mustbesimoWhat's inside cinematic-scroll
3 parts read from the plugin's own files.
Skills 3
Claude loads it when the task matches- cinematic-scroll
Design and build cinematic websites, interactive portfolios, product stories, and real-time 3D experiences with subject-specific art direction and scroll choreography. Use for new builds, redesigns, motion improvements, scroll audits, or storyboards in standalone HTML and existing apps, including entrance reveals, pinned chapters, scroll-scrubbed video, tilt cards, magnetic controls, kinetic text, Gaussian-splat scenes, and baked simulation or frame sequences in story pages, built on the host's own stack (GSAP, Motion, Anime.js, Lenis, Three.js, Rive, Lottie, physics engines); includes responsive, reduced-motion, and static fallbacks. Not for ordinary dashboards, video production, or unrelated animation.
- launch-page-strategy
Decide what a launch, landing or product page must say and prove before any design or motion work. Use for a landing page, launch page, waitlist, pricing page copy or conversion brief, including requests about a headline, call to action, objections, proof or "what should the page say". Establish the audience, offer, traffic context and credible evidence, then deliver a story brief for cinematic-scroll. Use for new pages or message revisions, without prescribing a visual style or inventing business facts.
- scroll-audit
Audit a live website's or local page's scroll experience and return a scored remediation plan. Use for an audit, review, score or benchmark request about scroll performance, parallax, pinned sections, scroll-jacking, reduced motion or motion accessibility, including "why does this page feel janky". Inspect authorised targets, separate observed behavior from unavailable evidence, and prioritise repairs across pacing, performance, accessibility and emotional arc. This skill diagnoses existing pages; it does not build or publish them.
Using cinematic-scroll in Claude Code
Skills need no command. Claude reads them when your request matches what they describe.
Update, turn off or remove
- Update the plugin (shell)
- claude plugin update cinematic-scroll@mustbesimo
- Refresh the marketplace
- /plugin marketplace update mustbesimo
- Turn it off for now
- /plugin disable cinematic-scroll@mustbesimo
- Remove it
- /plugin uninstall cinematic-scroll@mustbesimo
Skills in cinematic-scroll
- cinematic-scrollMustBeSimo/web-design-studio
Design and build cinematic websites, interactive portfolios, product stories, and real-time 3D experiences with subject-specific art direction and scroll choreography. Use for new builds, redesigns, motion improvements, scroll audits, or storyboards in standalone HTML and existing apps, including entrance reveals, pinned chapters, scroll-scrubbed video, tilt cards, magnetic controls, kinetic text, Gaussian-splat scenes, and baked simulation or frame sequences in story pages, built on the host's own stack (GSAP, Motion, Anime.js, Lenis, Three.js, Rive, Lottie, physics engines); includes responsive, reduced-motion, and static fallbacks. Not for ordinary dashboards, video production, or unrelated animation.
14 files52stars - launch-page-strategyMustBeSimo/web-design-studio
Decide what a launch, landing or product page must say and prove before any design or motion work. Use for a landing page, launch page, waitlist, pricing page copy or conversion brief, including requests about a headline, call to action, objections, proof or "what should the page say". Establish the audience, offer, traffic context and credible evidence, then deliver a story brief for cinematic-scroll. Use for new pages or message revisions, without prescribing a visual style or inventing business facts.
5 files52stars - scroll-auditMustBeSimo/web-design-studio
Audit a live website's or local page's scroll experience and return a scored remediation plan. Use for an audit, review, score or benchmark request about scroll performance, parallax, pinned sections, scroll-jacking, reduced motion or motion accessibility, including "why does this page feel janky". Inspect authorised targets, separate observed behavior from unavailable evidence, and prioritise repairs across pacing, performance, accessibility and emotional arc. This skill diagnoses existing pages; it does not build or publish them.
6 files52stars
cinematic-scroll plugin questions
How do I install the cinematic-scroll plugin?
In Claude Code run /plugin marketplace add MustBeSimo/web-design-studio, then /plugin install cinematic-scroll@mustbesimo.
What does the cinematic-scroll plugin include?
cinematic-scroll bundles 3 skills.
How do I update or remove the cinematic-scroll plugin?
Update it with claude plugin update cinematic-scroll@mustbesimo in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall cinematic-scroll@mustbesimo.
What license is the cinematic-scroll plugin under?
MIT, as stated in the plugin's manifest.