One shape, never cut, walking through one real task in your product.
One thing people do in your product, start to finish, in a short square loop. One container becomes each step in turn, from your button to your product’s own confirmation, as a cursor presses and a caption says what each step does for you.
Watch it play live, and change its words, at omnigami.ai/skills/ui-morph.
In Claude Code:
/plugin marketplace add omnigami-ai/skills
/plugin install omnigami-ui-morph@omnigami
With the skills CLI, for Claude Code and other agents that read SKILL.md:
npx skills add omnigami-ai/ui-morphOr copy skills/ui-morph/ into your agent's skills folder (for Claude Code, ~/.claude/skills/ui-morph/). Then ask:
Make a short film of one task in https://your-product.com
The skill works on your computer. It runs the Node scripts in skills/ui-morph/scripts/: they open your product's pages in a local headless browser to capture its real screens, then render the film with that browser and ffmpeg, writing MP4s and an editable HTML film to your project. It sends nothing to omnigami or anyone else, and uses no network beyond loading your own product's pages and the fonts and assets in this folder.
- Claude Code with Opus 5.5
- Node 20 or later
- ffmpeg
- Chrome, Chromium, Edge or Brave
None beyond your Claude plan’s usage. Node, ffmpeg and the browser are free.
Free to use. Use the films and anything else the skill makes for anything, commercial work included. Don't redistribute the skill. See LICENSE.md. The bundled fonts keep their own licence (SIL Open Font License, beside them in reference/assets/fonts/).
Style inspired by @twoclipping’s video (https://x.com/twoclipping/status/2103273003555402193); @twoclipping didn’t make or endorse this skill. Its example shows Fennick, a fictional company made for omnigami’s examples, with sample data.
omnigami is not affiliated with Anthropic. More skills at omnigami.ai.