DEDUPEDWho it is forA brand designer or studio lead who wants every video to match an existing visual identity that is not one of the built-in styles.
The problemBriefing an animator to match a house look is slow, and the look is hard to reuse across projects.
The outcomeA new style saved in your project's styles folder, checked against your references with side-by-side comparison frames.
What you need first
- Claude Code
- Node 18+
- Playwright with Chromium
- ffmpeg on your PATH
- Python with faster-whisper and the ElevenLabs connector (only for voice-overs)
Steps
- Measure your reference media:
node $SKILL/tools/measure/refs.mjs references/my-look/ - Start the skill with your references:
/animate a short about our API in the style of these screenshots: ./refs/ - Compare a reference with a generated frame:
node $SKILL/tools/compare.mjs references/my-look/a.png pieces/my-piece 2.5 compare.png --auto-trim - Give thumbs up to the matched frames so the skill saves the style as styles/<name>/ in your project.
- Build a new piece in the saved style and confirm it renders:
node $SKILL/tools/build.mjs pieces/my-piece
Prompt for your agent
Using the animate skill in cth9191/animate, measure the references in <reference-folder> and create a custom style from them. Expect a styles/<name>/ folder with a STYLE.md and a kit.js, and verify that compare.mjs output places a generated frame next to the reference.
Caveat. The README says reference media stays on your machine, but matching a look still depends on the quality of the references you supply and on your own thumbs-up judgement.
Every Monday: the 5 hottest repos and exactly how to use them. Free, one email a week, unsubscribe anytime.
Get them freeShare: X LinkedIn Hacker News Email Copy link
Third-party repos we don't own. AI-written use cases can be wrong. Disclaimer