ui-flow-studio
Installation
SKILL.md
Claude Code Skill: UI Flow Studio
Turns UI descriptions into Remotion tutorial videos and interactive React/Tailwind components from a single generation pass.
One source of truth. Two usable outputs.
Modes at a Glance
| Mode | You Describe | You Get |
|---|---|---|
tutorial |
An app + a task a user performs | Step-by-step animated walkthrough video + per-step components |
mockup |
A feature or screen idea | Explorable UI mockup video + interactive prototype + live npm run dev:site page |
state-demo |
A component + its states | State-transition video + live component with all states wired |
live-components |
Paths to existing components + a task | Tutorial video that imports your components — no new UI code generated |