🎨 Design

cinematic-scroll-storytelling

Name: cinematic-scroll-storytelling
Author: MengTo

by MengTo24 days ago4.1k

Create cinematic scroll-driven landing pages with Lenis smooth scrolling, GSAP ScrollTrigger, scroll-linked progression, staggered text reveals, sticky card stacks, parallax backgrounds, scroll-scrubbed transitions, footer reveals, and immersive preloaders. Use when analyzing or building premium editorial scroll experiences, sticky project stacks, kinetic typography, or section-by-section storytelling.

Install

npx skills add https://github.com/MengTo/Skills --skill cinematic-scroll-storytelling

Show step-by-step

1
Open your terminal
- Mac: Press ⌘ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
2
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).
3
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives

~/.claude/skills/mengto--skills--agent-skills--web-design--cinematic-scroll-storytelling/
├── SKILL.md
└── ... (skill resource files)

View on GitHub

Comments

X@dingyi

"Meng To 的这个 design skills 才是王炸啊。它不像其他那些让你提升 taste 的，而是聚合了超多解决具体设计问题和做出好看设计效果的 skills，比如可以生成 dither 背景，可以把 Unicorn Studio 做好的设计嵌入网站。太好用了！"

Related skills

🎨 Design

baoyu-comic

Knowledge comics (知识漫画): educational, biography, tutorial.

by NousResearch · 2 months ago225.3k

🤖 ML/AI

comfyui

Generate images, video, and audio with ComfyUI — install, launch, manage nodes/models, run workflows with parameter injection. Uses the official comfy-cli for lifecycle and direct REST/WebSocket API for execution.

by NousResearch · 3 months ago225.3k

🤖 ML/AI

hyperframes

Render MP4/WebM videos from HTML compositions.

by NousResearch · 3 months ago225.3k

🎨 Design

p5js

p5.js sketches: gen art, shaders, interactive, 3D.

by NousResearch · 3 months ago225.3k