Small details. Big difference.
Vertical 30–45 second explainers that reveal one small, surprising mechanism behind everyday tech, with white space, real 3D objects and camera moves. Captions show every spoken word and act out key words, under a fully synthesized music bed and sound effects.
Good for / less suited for
- Explaining how a UI, product or tech detail actually works
- Short-form Reels, TikTok and Shorts in a calm, premium look
- Product or feature explainers where one mechanism is the story
- Talking-head or live-action footage
- Data-heavy videos with many charts or numbers
- Long-form (several minutes) content
What's included
SKILL.md
Teaches Claude the style, pacing and scene rules, step by step
Style guide + reference frames
Palette, type, layout and motion rules, with rendered key frames
Render scripts
Reusable scene templates and a one-command render to MP4
A worked example
Script, storyboard and the finished video it produced
You give / you get
You provide
- A topic (ideally one surprising detail)
- A voiceover file, optional (your own recording or a TTS you are licensed to use)
- Final fact check before publishing
You get back
- A researched script with sources and two hook options
- A timed storyboard
- A 1080×1920 MP4 with 3D animation, word-by-word captions, music and sound effects
- Editable scene source code to tweak and re-render
How to use it
Step by step (new to Claude Code)
- Install Claude Code and sign in with your Claude account.
- Download this style’s ZIP and unzip it into your skills folder (
~/.claude/skills/small-details). - Restart Claude Code so it picks up the skill.
- Ask: “Use the Small details. Big difference. skill to make an explanation video about <your topic>.”
- Review the script Claude proposes, then let it render the scenes.
- Finish the steps under “Before you export” below.
Quick start (already use skills)
Copy the install prompt, paste it into Claude Code, give it a topic.
Tools you'll need
Claude Code
Researches, writes the script and builds the animated scene
Paid Claude plan (Pro or higher)
Node.js
Runs the render pipeline
Free
Puppeteer (headless Chrome)
Renders the scene frame by frame
Free
ffmpeg (ffmpeg-static)
Encodes and mixes the final MP4
Free
Whisper via transformers.js
Local word timings so captions follow the voice
Free (runs locally)
Google Fonts (Inter)
Typography
Free
Voiceover
Narration
Free if you record it yourself; paid if you use a commercial TTS service
Supported workflow: Claude Code with the skill installed in ~/.claude/skills. Renders run on your own computer, no API keys.
Voiceover
Tool: Whisper via transformers.js or Voiceover
Cost: Whisper via transformers.js: Free (runs locally) · Voiceover: Free if you record it yourself; paid if you use a commercial TTS service
Optional. The examples here have no voiceover; captions carry the story. Add your own recording or a TTS you are licensed to use.
Before you export
- Run npm install once in the unzipped folder
- Record or generate the voiceover and save it as projects/<slug>/vo.wav (optional)
- Fact-check the script before publishing