{
 "schema_version": 1,
 "generated": "2026-10-23",
 "id": "cth9191-animate--new-visual-style-from-reference-media",
 "repo": "cth9191/animate",
 "repo_url": "https://github.com/cth9191/animate",
 "repo_slug": "cth9191-animate",
 "title": "Match a custom animation look from your own references",
 "page_title": "How to match a custom animation look from your own references with Animate",
 "summary": "Give the skill a video, stills, or a web page and get a saved style that later pieces can reuse.",
 "who": "A brand designer or studio lead who wants every video to match an existing visual identity that is not one of the built-in styles.",
 "problem": "Briefing an animator to match a house look is slow, and the look is hard to reuse across projects.",
 "outcome": "A new style saved in your project's styles folder, checked against your references with side-by-side comparison frames.",
 "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`"
 ],
 "agent_prompt": "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.",
 "agents": [
  "claude-code"
 ],
 "difficulty": "Advanced",
 "time": "90 minutes",
 "basis": "readme",
 "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.",
 "category": "Content",
 "tags": [
  "Content"
 ],
 "lang": "javascript",
 "requirements": [
  "Claude Code",
  "Node 18+",
  "Playwright with Chromium",
  "ffmpeg on your PATH",
  "Python with faster-whisper and the ElevenLabs connector (only for voice-overs)"
 ],
 "risk": "none",
 "seen_in_the_wild": false,
 "mentioned_publicly": false,
 "risks": [],
 "best": false,
 "score": 0.8,
 "evidence": [],
 "url": "https://dedupedai.com/use-cases/cth9191-animate/new-visual-style-from-reference-media/",
 "md": "https://dedupedai.com/use-cases/cth9191-animate/new-visual-style-from-reference-media/index.md",
 "disclaimer": "Deduped lists open-source repositories that belong to other people. We do not own, maintain, audit, or vouch for any of them, and a repo appearing here is not an endorsement or a safety check. The use cases, steps, and prompts are written by AI and may be incomplete, outdated, or just wrong. Where a use case is marked \"Seen in the wild\", we link to public posts where someone described something similar, but we have not verified those posts and the use case itself is still our AI's own write-up. Use all of this at your own risk. Only run code, commands, or agents on systems and accounts you are authorized to use, and read the code and every command before you run it, especially anything that touches credentials, files, or the network. Nothing here is professional, security, legal, or financial advice. All trademarks and project names belong to their respective owners, and their use here does not imply affiliation. Content is provided as is, without warranties of any kind. Found a mistake, a safety problem, or something you want removed? Email hello@dedupedai.com and we will look at it promptly.",
 "api": "https://dedupedai.com/api/v1/usecases/cth9191-animate--new-visual-style-from-reference-media.json",
 "api_version": "v1"
}