← All Skills

STEPGUIDE

Step-by-step guide motion video

STEPGUIDE is an AI Skill for Claude Code, Codex and Cursor that renders a step-by-step guide video with rolling numbers, progress dots, flipping icon cards and check marks. A how-to on a clean white page: a rolling two-digit step number, a four-dot progress bar that fills and turns green, an icon card that flips per step while its line art stroke-draws, small icon actions, a magnifier callout for the one key value, a check that pops when each step is done and a circular wipe into the finish card.

What's included

  • An MP4 motion video, a poster and a contact sheet of stills
  • 8 original recipes: rolling step number, progress dots and more
  • Three palettes, a 16-second reference storyboard, full source code and a QA checklist

Perfect for

  • Product and support teams
  • Recipe and craft tutorials
  • Sign-up and application walkthroughs

What you need

  • Three to six steps, each with one line and one key point
  • Video length and aspect ratio
  • Claude Code, Codex or Cursor

FAQ

Paste it into Claude Code, Codex or Cursor and give it the one message and the brand name. The AI installs GSAP and the render tools, writes a storyboard and renders the MP4, a poster and a contact sheet frame by frame in your project folder. How Skills work

Yes. The Skill only uses open fonts licensed for commercial use (Noto Sans TC, Inter and others under the SIL Open Font License). Check the license before switching fonts.

No. The Skill runs inside your own AI tool, and the video is rendered on your own machine.

US$9 for this Skill alone, or every Skill, future releases included, with Lifetime at US$99 once. Prices include tax.

Review your order

STEPGUIDE$9USD, one-time