Video To Ui
- 9 repo stars
- Updated May 5, 2026
- mmohajer9/video-to-ui
video-to-ui is a Claude Code marketplace plugin that installs the video-to-ui skill so developers can turn UI screen recordings into design data, code edits, or runnable React scaffolds from /video-to-ui.
About
video-to-ui is a Claude Code marketplace plugin packaging the skill that converts UI screen recordings into frames, design-system analysis, code diffs, or a runnable React scaffold. Install from the marketplace when you want /video-to-ui available in Claude Code without manual skill symlinks. Use it alongside frontend-design for polished component output when scaffolding from demo videos or prototype walkthroughs.
- Claude Code plugin marketplace for the video-to-ui skill
- /video-to-ui slash command with four output modes
- Pairs with frontend-design skill for richer mode 4 scaffolds
- Also installable via npx skills add for global skill use
Video To Ui by the numbers
- Data as of Jul 16, 2026 (Skillselion catalog sync)
/plugin marketplace add mmohajer9/video-to-uiAdd your badge
Show developers this marketplace is listed on Skillselion. Paste this into your README.
| repo stars | ★ 9 |
|---|---|
| Last updated | May 5, 2026 |
| Repository | mmohajer9/video-to-ui ↗ |
How do you install and invoke a video-driven design-to-code workflow inside Claude Code without manual skill drop-in setup?
Install the video-to-ui Claude Code plugin to convert UI screen recordings into design reports or React scaffolds via /video-to-ui.
Who is it for?
Claude Code users who prefer /plugin marketplace install over npx skills add and want /video-to-ui on demand.
Skip if: Developers on agents without Claude Code Task subagent support who cannot run the parallel batch analysis efficiently on long videos.
What you get
The video-to-ui skill becomes available as /video-to-ui with auto-trigger on matching natural-language UI recreation requests.
Plugins in this marketplace
1 plugin - install individually after you add the marketplace.
Recommended Marketplaces
FAQ
How is the plugin installed?
/plugin marketplace add mmohajer9/Video To Ui then /plugin install Video To Ui@Video To Ui, followed by a Claude Code restart.
What does the skill produce in mode 4?
A runnable Vite + React + TypeScript + Tailwind + Framer Motion project under app/ with components per screen.
Does it work without the marketplace?
Yes—the same skill installs via npx skills add mmohajer9/Video To Ui or manual symlink per README alternatives.