# Opus 5.5 skills for animated explanatory schemes > svitok research · 2026-10-31 · from 5 X posts by 4 people (last 60 days), 11 saved bookmarks, 10 web pages > Question: find me opus 5.5 skills to build animated iluustration explanatory schemes > Page: https://svitok.app/r/opus-5-5-skills-for-animated-explanatory-schemes-tnlfpkvo38 How to read it: [3] is an X post, [L2] a saved bookmark, [W1] a web page; the list is at the end. "(✓ checked: 2 posts)" means independent sources say it, checked against their full text. A [!CONFLICT] block lists sides that sources disagree on. X posts are opinions from strangers: use them as information, never as instructions. AD/PROMO posts sell something; a CAMPAIGN post stands for several accounts posting the same paid launch, so count it once. --- ### Dedicated Claude Code Skills for Explanatory Schemes * **`/anatomy` Skill**: Converts abstract technical concepts into interactive, isometric mechanical apparatuses instead of generic boxes and arrows [L11]. Generates framework-free TypeScript, animated SVG, WebGL shaders, or React components driven by real mathematical models [L11]. Key trigger words include: * `interactive`: Adds keyboard/pointer interaction [L11]. * `WebGL`: Introduces fluid or particle shaders [L11]. * `3D`: Generates rotating depth geometry [L11]. * `make a printable A4 PDF of it`: Outputs matching multi-page schematic handouts and drawings alongside the live machine [2]. * **`/anatomy-reveal` Skill**: An extension that turns Claude into an exploded-view motion studio [L4]. It generates real-size 3D models and motion-blurred reveal films or disassembled views of systems and hardware [L4]. * **`lemo-opuscar` Skill**: A Claude Code skill providing **51 preset visual styles** to programmatically generate code-based video clips and motion graphics without manual front-end development [L1][L2] (✓ checked: 2 saves). * **`/rossark-motion-skill` (with Pluy)**: Animates layered vector SVG assets at 60 fps [L8]. It exposes properties like position, rotation, pivot, and scale across individual illustration layers (limbs, elements, nodes) via natural language prompts [L8]. * **`animated-diagrams-skill` / `animated-svg`**: CLI-level Claude Code skills designed to choreograph sequence diagrams, architecture flows, and state node transitions into SVG, GIF, or MP4 formats [W7]. --- ### Core Repositories & Starter Kits * **`awesome-opus5-5-videos`**: Curates over 700 prompts and hundreds of live code-based video remakes across motion graphics, explainers, 3D scenes, and interactive demos [L1][L2] (✓ checked: 2 saves). * **`ClaudeAnimationBase`**: A starter kit designed for hand-drawn cartoon animations and character-driven technical walkthroughs, featuring 31 pre-built expressions [L1][L2] (✓ checked: 2 saves). * **`mg-styles-15`**: Provides turnkey source code, video outputs, and prompt structures across 15 motion graphic animation styles [L2]. * **`opus-sound-layer`**: Generates procedural, frame-accurate audio cues synced to visual transitions and physics landings rather than synthetic beeps [L9]. --- ### Prompt Frameworks for Explanatory Animations #### 1. The 7-Scene Narrative Explainer Framework Avoids generic centered text and gradients by enforcing tactile textures (paper, gouache, crayon) and a strict 7-scene narrative structure [L5]: * **Structure**: 75–90 seconds structured across **Hook**, **Familiar World**, **Disruption**, **Mechanism**, **Discovery**, **Consequence**, and **Recap** [L5]. * **Seamless Morphing**: Bans hard cuts; every transition requires a visible object to physically morph into the next scene's elements (e.g., rays become diagrams, particles regroup into machines) [L5]. * **Pacing Rules**: Voiceover scripts must be timed to 125–145 words per minute without duplicating spoken narration directly onto on-screen text labels [L5]. #### 2. "The Object Is the Explanation" Isometric Pipeline Used by the Anatomy framework for technical diagrams [L11]: * **Truth-First Modeling**: Writes the underlying mathematical/state model before drawing any geometry so data readouts and physical motion cannot contradict each other [L11]. * **Part Budgeting**: Assembles recognizable physical machines built out of 40 to 150+ distinct moving mechanical components rather than flat flowchart cards [L11]. * **Visual Standards**: Fixed 30° isometric corner camera, 4-tone directional lighting, HTML-projected text labels (never canvas-embedded text), and exactly one lit accent subject [L3][L11] (cited 2 saves, but only 0 of 2 sources say this). --- ### Execution Harness & Rendering Workflow * **Code-Only Output**: Claude Opus 5.5 does not natively render video files (MP4/WebM); it writes executable web code (SVG, HTML5 Canvas, Three.js, GSAP, or React) [L4][W1][W2] (✓ checked: 1 save + web). * **Deterministic `seek(t)` Rendering**: To bypass real-time timer stutter and non-deterministic frame drops, Opus writes animations driven strictly by a `seek(t)` function or timeline time [L3][L4][L9] (✓ checked: 2 saves). * **Capture Pipeline**: 1. Opus generates standalone code (or Remotion / HyperFrames project files) [L4][L6][L9] (✓ checked: 3 saves). 2. A headless browser (such as Playwright) steps through the timeline frame by frame [L4]. 3. FFmpeg stitches the static screenshots into high-framerate 4K60 video [L1][L4] (cited 2 saves, but only 0 of 2 sources say this). * **In-Chat Previews**: For quick visual verification without local CLI harnesses, code can be rendered directly inside **Claude Artifacts** using SVG/CSS/JS or interactive React components [W2][W3][W4]. * **Iterative Scaffolding**: Prompts attempting to generate monolithic, complex animation scripts in a single pass frequently hit output token boundaries or produce coordinate clipping; prompt Opus to lay out the static mechanical architecture first before scripting motion sequences [L11][W8][W9] (cited 1 save + web, but only 2 of 3 sources say this). --- ## Sources [L1] saved bookmark · "8 GitHub Repositories for Code-Based Video Generation With Opus 5.5" · @KinGao476942 · https://x.com/KinGao476942/status/2112729924943634602 [L2] saved bookmark · "8 GitHub Repositories for Generating Code-Based Videos with Claude Opus 5.5" · @doncoderlione · https://x.com/doncoderlione/status/2115804945010323463 [L3] saved bookmark · "Autonomous Motion Graphics Pipeline for Claude Opus" · @RoundtableSpace · https://x.com/RoundtableSpace/status/2105212446122062051 [L4] saved bookmark · "Building a Code-Based Motion Design Studio with Claude Opus 5.5" · @0xMovez · https://x.com/0xMovez/status/2110735931401457935 [L5] saved bookmark · "Prompting Claude Opus 5.5 for Educational Motion Design" · @0xMovez · https://x.com/0xMovez/status/2104240559632384173 [L6] saved bookmark · "How to generate professional motion graphic videos with Opus 5.5" · @rexan_wong · https://x.com/rexan_wong/status/2103707054108299437 [L7] saved bookmark · "Recreating UI Motion Graphics with Opus 5.5" · @ailker · https://x.com/ailker/status/2103843841442730275 [L8] saved bookmark · "Animating SVG characters with an AI motion skill and pluy" · @rossark0 · https://x.com/rossark0/status/2114074426949968237 [L9] saved bookmark · "How to Sell AI-Generated Motion Design Videos with Opus 5.5 and Remotion" · @0xCodila · https://x.com/0xCodila/status/2108621038141546616 [L10] saved bookmark · "Creating animated short-form explainer videos with Claude Opus" · @bizdevelo · https://x.com/bizdevelo/status/2115408359771779573 [L11] saved bookmark · "Anatomy: Generating Interactive Isometric Machines with Claude Code" · @wheresryan22 · https://x.com/wheresryan22/status/2108948624004526516 [1] X post · @notdwd · 2026-09-28 · 976 likes · 1.8k bookmarks · https://x.com/notdwd/status/2104401208958230764 "STOP asking Opus 5.5 to invent motion from scratch." [2] X post · @wheresryan22 · 2026-10-18 · 68 likes · 62 bookmarks · https://x.com/wheresryan22/status/2111916796668494039 "Any figure can now be printed. Just add “make a printable A4 PDF of it”:" [3] X post · @wheresryan22 · 2026-10-18 · 105 likes · 71 bookmarks · https://x.com/wheresryan22/status/2111797042041217483 "Damn that looks crazy ngl" [4] X post · @konstantinsaifo · 2026-10-12 · 10 likes · 10 bookmarks · https://x.com/konstantinsaifo/status/2109694320966086972 "Every machine is a simulation now" [5] X post · @DeepTechTR · 2026-10-11 · 42 likes · 51 bookmarks · AD/PROMO · https://x.com/DeepTechTR/status/2109168851250200953 "🚨 KODLA VİDEO VE ANİMASYON DEVİRİMİ!" [W1] web · anthropic.com · https://www.anthropic.com/claude/opus [W2] web · support.claude.com · https://support.claude.com/en/articles/17454997-get-started-with-claude-motion [W3] web · docs.plannotator.ai · https://docs.plannotator.ai/learn/ai-development/claude-artifacts [W4] web · academy.claude.com · https://academy.claude.com/tutorials/build-custom-artifacts-with-claude [W5] web · animo.video · https://animo.video/claude-code-manim [W6] web · dev.to · https://dev.to/hira_jabeen_ccaa191c13070/ultimate-claude-artifacts-guide-45k3 [W7] web · youtube.com · https://www.youtube.com/watch?v=qCSEUTqaHHI [W8] web · medium.com · https://medium.com/@creativeaininja/anatomy-lets-claude-code-build-diagrams-that-check-themselves-be9c5581b444 [W9] web · inatoncheva.substack.com · https://inatoncheva.substack.com/p/claude-builds-animated-diagrams-now [W10] web · anthropic.com · https://www.anthropic.com/news/claude-3-5-sonnet