SkillCheatSheet
horizontal-scroll-scenes
An AI agent skill from MengTo/Skills, scored 61 out of 100 by code.
Code score by group
It loses the most points in Done criteria (15), the group that checks whether there is a checklist and a step that verifies the work.
What the author says it does
Build scene-by-scene chapters that advance left to right on one fixed stage while the user scrolls vertically, with native scroll as the only input. One pure function turns scrollY into scene, dwell and move, so forward, reverse, scrollbar drags, fast skips and reload at depth all land on the right frame. Covers dwell versus transition budgets, a burn-wipe or pan between scenes, chapter index and progress UI, glide-to-scene links that skip intermediate scenes, keyboard and reduced-motion behaviour. Use for horizontal scrollytelling, multi-scene product tours, "scroll down to travel sideways",…
This is the description in the skill's own SKILL.md, written by its author, not by SkillCheatSheet.
- Repository
- MengTo/Skills
- Folder
- agent-skills/web-design/horizontal-scroll-scenes
- License
- MIT
- GitHub stars
- 7,374
- SKILL.md lines
- 87
- Other files
- 4
Add horizontal-scroll-scenes to your agent
npx skills add MengTo/Skills --skill horizontal-scroll-scenesThe command uses the open skills CLI. A skill is instructions and scripts your agent will follow, so read it first: open the folder on GitHub at the commit that was scored.
More skills from MengTo/Skills
-
browser-video-recording
Create polished 60 fps 4:3 4K browser screen-recording style videos from Codex in-app browser captures, with browser-only crop, natural macOS cursor styling, deliberate click chor…
Verified87A -
html-reel
Turn a tweet, a video, a YouTube video or a landing page into a 9:16 reel (Instagram Reels, TikTok, Shorts) that says what the source says and looks like it, with every cut on a w…
87A -
html-demo
Show an app working on a web page by drawing it live in HTML instead of recording it. A Mac-style window plays the app step by step, and every frame is a pure function of one cloc…
Verified85A -
illustration-bold-pop
Draws hand-authored SVG spot illustrations in a bold pop-geometric style for design and coding scenes. Identifying traits: a thick navy outline on every shape, solid navy extrusio…
Verified85A -
illustration-framed-panel
Draws original design-and-coding scenes as SVG cards (480x360) in a framed-panel cartoon style. Identifying traits are a soft pastel card with a periwinkle-violet panel framed in…
Verified84B -
html-explainer-video
Turn a product, a feature or an idea into a finished one-minute explainer video in any look: a script (hook, benefit, quick tutorial, try it), a voice whose words are the clock, H…
Verified83B -
illustration-isometric-mono
Draws true-isometric diorama illustrations of developer and design workspaces in one green ramp, generated as SVG with a bundled scene kit. Traits: one rounded off-white slab with…
Verified83B -
daily-ui-inspiration-capture
Create a recurring daily UI inspiration capture. Use when the user asks to run, refresh, package, or validate dated UI inspiration bundles, especially for `articles/YYYY-MM-DD-ui-…
Verified82B
Scores come from a snapshot of 300 public GitHub repositories taken on 12 November 2026. Every score is the result of fixed checks run by code; no AI is involved. How scoring works.