Motion Heroes: animated website heroes
Animated first screens for a website: WebGL, canvas and scroll-driven heroes set in your colors, fonts, logo and words. Each one builds a self-contained page plus a paste-in embed, checks it at four screen widths and records a 1080p video of the same animation for launch posts. They are written for Claude Code, Codex, Cursor and any other agent that reads SKILL.md folders.
50 skills
Questions
Do Motion Heroes build a whole landing page?
No. Each one builds the first screen only: a page with the hero, and the same hero as a section to paste into your site. For whole pages, see the Landing Pages series.
Which agents can use the Motion Heroes skills?
Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode. Paste the install prompt from a skill page into your agent, or run the one-line command in a terminal.
Are the Motion Heroes skills free?
They are Pro skills: buy one once for $6.90, or get Pro for $19 a month (10 Pro skills a month) or $99 a year.