Scrolline skill
A skill that builds scroll-driven presentation decks on one continuous timeline, with six concept packs and MP4 export.
- 110 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- The agent installs npm dependencies and starts a local dev server.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/scrollineDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The agent installs npm dependencies and starts a local dev server.
This is third-party code. Review the repository files before installing.
What it does
Scrolline, the `scrolline-deck` skill, turns a talk brief into a deck driven by the mouse wheel. Content goes into `deck.yaml` as beats while motion is set by separate moves: every beat sits on one GSAP timeline and one object hands off into the next instead of a slide change. The skill picks from six concept packs: time rail, data, product launch, zoom drill-down, canvas flythrough and kinetic type. The agent works in order: it clarifies the brief, picks a concept, writes `deck.yaml`, computes stops in node, checks the page in a browser and exports MP4 through HyperFrames. With real data the skill requires a source for every number and marks a fictional company as a sample on screen.
Who it is for. Speakers, analysts and product teams who want a scroll-animated deck instead of a stack of slides.
Good fit when
- A company history or roadmap must unfold over time.
- A quarterly report is shown on charts that flow into one another.
- A product launch is staged as one scene with emphasis on numbers.
- The deck is exported to MP4 for a call or social media.
Not a fit when
- The talk is built from ordinary slides with speaker notes.
- The machine has no Node.js 22 or newer.
- A PowerPoint or PDF file is required; output targets the browser and an MP4 clip.
Example request
Build a one-minute deck on quarterly revenue growth, the `data` concept, in English, with sources, and export it to MP4.Limitations
Node.js 22 or newer is required. ffmpeg is needed only to cut frame sequences, and the HyperFrames CLI is fetched through `npx` at export time. The repository examples are in Korean, and your own deck language is set to `ko` or `en`. Pexels or Pixabay video needs your own key in `.env`. The skill runs from the root of the cloned repository, so it goes into the agent skills folder, for example `~/.claude/skills/scrolline-deck`. Last commit: 8 October 2026.
How to disable. Remove the `scrolline-deck` folder from the agent skills directory together with the cloned repository. Finished decks sit in `decks/<id>/` and clips in `out/export/`; delete them separately.
FAQ
Which concept packs exist?
Six: `rail` (time rail), `data`, `launch`, `zoom`, `canvas` and `kinetic` (kinetic type). A concept fixes the camera axis, timing and allowed moves.
How do I create my own deck?
Run `npm run deck -- new my-review --concept data`. Then write beats in `decks/my-review/deck.yaml`, compute stops with `npm run deck -- plan my-review` and export with `npm run export -- my-review`.
What drives the presentation?
The wheel and keys move the same scroll position. Right and down arrows, Space and PageDown go forward, `b` blacks out the screen and `f` goes fullscreen. With reduced motion, transitions are instant.
Are API keys needed?
Only for Pexels or Pixabay video. Issue the key yourself and keep it in `.env`: the file is git-ignored and `npm run check` blocks a key in code.
Can invented numbers go into a deck?
No. In a real-data deck every number, chart and quote carries a source with a link and a check date. Fictional companies are marked as a sample.
Discussion
No questions or reviews yet.
Related
SkillsAn agent skill that builds a presentation as a single HTML file: two visual styles, social covers and a presenter mode
A skill for HTML presentations: a theme and two preview slides for approval, then the deck, PDF and PowerPoint export and a link
A skill that draws 45 types of animated diagrams from a short JSON spec and saves them as HTML, SVG, PNG, GIF and MP4
HTML Presentation builds a prompt from a transcript or director script that lets an agent produce a 16:9 HTML deck for video.
A skill that builds a PowerPoint deck with live text, charts and tables: an image model draws each slide, the agent rebuilds it.
A skill that turns an article, report or notes into a deck of full-slide images and assembles them into a pptx
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Repository stars | Main difference |
|---|---|---|---|
| Scrolline (this card) | no | 110 | |
| Slidev | no | 49,452 | builds ordinary slides on Markdown and Vue; Scrolline builds one scrollable timeline with hand-offs between beats |
| HTML Presentation | no | 125 | prepares a prompt for a 16:9 HTML deck; Scrolline walks through steps up to a browser check and MP4 export |
README in short
The repository holds six example decks, one per concept, and eighty moves. Code splits into engine, moves, concepts and decks, and `npm run check` blocks upward imports across layers.