whereismyai
Dashi Animationstyle
Dashi Animationstyle is a Claude Code skill that turns spoken Chinese knowledge into animated video explanations using HTML and Canvas.
This product is a skill for Claude Code that converts 15 to 60 seconds of spoken Chinese content into 1920x1080, 30 frames per second MP4 explainer videos complete with voiceovers and subtitles. The visuals are generated entirely through HTML and Canvas code written by Claude, and then rendered frame by frame using headless Chrome without relying on generative image models. It includes seven built-in styles such as 3D cartoon, dark tech, surreal collage, retro papercut, retro newspaper, flat flowchart, and hand-drawn notes. Users can choose an existing style, create a new style based on a reference image, or describe a style in one sentence. It runs locally using macOS, Node 22 or higher, ffmpeg, and Google Chrome, with whisper-cpp used optionally for automatic subtitle transcription.
Dashi Animationstyle at a glance
Key features
- Turn spoken Chinese into animated explanation videos
- Generate frames using HTML and Canvas code via Claude
- Include seven built-in visual styles
- Create new styles from reference images
- Transcribe subtitles with whisper-cpp
- Render MP4 videos at 1920x1080 and 30 frames per second
- Run self-checks on environment and dependencies
Use it for
- Make animated video explanations for spoken Chinese knowledge
- Generate custom styles from reference images or descriptions
- Produce 1920x1080 MP4 videos with subtitles and voiceovers
- Create educational content with hand-drawn notes or flat flowcharts
Companions
Tools that articles about Dashi Animationstyle recommend using with it, each with its job.
- Claude Code — Built to work with Claude Code.
- Context7 — Provides up-to-date documentation for AI agents and code editors.
- Playwright MCP — Enables LLMs to interact with web pages using structured accessibility snapshots.
- GitHub MCP Server — Reads pull requests, issues and code search on GitHub.
- Superpowers — Brainstorm, plan and execute skills for bigger tasks.
- gstack — Skill bundle for planning, review and shipping.
Alternatives to Dashi Animationstyle
- Motion Video Skill — Provides verification scripts and gotcha prevention guidelines for video creation steps.
- Video Editor Skills — Teaches Claude Code to handle rough cuts, B-roll, audio, captions, and motion graphics.
- ClaudeAnimationBase — Provides assets, rules and a guide to generate character animations with AI.
- Animate — It renders deterministic animations directly in code using built-in or custom styles.
- Khan Explainer — Syncs pen strokes automatically to spoken audio lengths without manual timestamps
- Baoyu Design — Runs locally in your editor without a website subscription or upload step.
- Persian Motion Director — Directs Claude to generate motion graphics with correct Persian typography and no slideshows.
- Claude Show Your Work — Displays images and plays test recordings directly inside the terminal chat.
- Dashboard Design Skill — Distilled from 127 shipped dashboards and built-in screenshot QA passes.
- Claude Video Effects — Apply 42 face-tracked video effects directly inside Claude Code.
- Ffmpeg Skill — It provides 42 structured Python tools and strict verification for local video editing.
- Claude Skills Pack — 388 production-ready skills across 13 tools with zero-dependency Python tools.
All Dashi Animationstyle alternatives