🗂️ Learning Path Modules
MODULE 1.1
2 min
Skill overview
The viral "3D scroll" effect is **not** Three.js. It’s a **canvas image sequence scrub**:
1 topics
Open →
MODULE 1.2
2 min
Prerequisites and Step 0
- **Higgsfield MCP** connected + credits (~$1–2 / site). This is the only thing the user needs to configure.
1 topics
Open →
MODULE 1.3
4 min
Workflow — steps 1 to 4
Based on the user's prompt, select: **site type**, **hero subject**, **vibe/palette**, **brand/name**
1 topics
Open →
MODULE 1.4
2 min
Workflow — steps 5 to 7
- `scripts/extract-frames.sh <clip.mp4> frames/<nome> 180` → ~179 numbered JPGs.
Skill
Open →
MODULE 1.5
2 min
Engine rules & known issues
- Preload all frames; paint frame 0 on first load; redraw only when the frame index changes.
2 topics
Open →
MODULE 1.6
2 min
Package files
Install in `~/.claude/skills/scroll-cinematic/`. Full structure:
2 topics
Open →