Channel: Science Based AI
Introduction
The Science Based AI channel presents a practical workflow for creating short‑form animated reels by combining HyperFrames (a free animation tool) with Claude Code (the coding‑assistant interface for Claude). The presenter, Ben from Stack Health, shares how his team generated over 200 k short‑form views in 30 days using this approach, and outlines three concrete use cases: animated charts, text‑plus‑visual explainers, and liquid‑glass title effects. The video also offers six quality‑focused tips and a brief hype check.
What the video covers
- Claimed results: Stack Health achieved >200 000 short‑form views in the last 30 days using HyperFrames; Ben is the head of content and previously worked on growth at a YC‑backed startup.
- Use case 1 – animated charts: starting from a Pinterest reference board, using Claude to extract or generate data, then feeding that data into Claude Code/HyperFrames to produce a ~7‑second 9:16 bar chart with safe‑zone edits.
- Use case 2 – text + visual explainers: providing a full script to Claude, asking where animations should appear, then requesting standalone prompts so multiple Claude Code chats can render individual clips in parallel (rather than generating the whole video at once).
- Use case 3 – liquid‑glass titles: pointing Claude at Apple’s liquid‑glass design documentation, optionally adding green‑screen bubble overlays or PNG logos.
- Six production tips: use reference images; limit each AI‑generated shot to 4–10 seconds; specify camera motion (push, pan, static, fade); iterate one variable at a time; leave music, captions, and timing cuts to a human editor; borrow visual languages from sources such as Vox, Apple, luxury, tech, or documentary styles.
- Additional applications: launch videos, product demos from screen recordings, explainers, and social‑ad overlays.
- Sponsorship note: the video is sponsored by Typeless, which offers a $5 discount on its paid plan.
Step‑by‑step walkthrough
Animated charts
- Create a Pinterest board with chart styles you like (e.g., Vox‑style bar charts).
- Ask Claude to interpret the board and output the data series you need (labels, values, colors).
- Pass that data to Claude Code together with a HyperFrames prompt that specifies a 7‑second, 9:16 aspect ratio chart.
- Run the prompt; HyperFrames generates the animation. Review the output and apply a safe‑zone pass (ensuring key elements stay within the central 90 % of the frame).
- If needed, tweak one variable (e.g., bar color or speed) and re‑run, keeping everything else constant.
Text + visual explainers
- Write a complete voice‑over script for the explainer.
- Feed the script to Claude and request: “Identify moments where a visual animation would reinforce the narrative.”
- For each identified moment, ask Claude to produce a standalone prompt that describes the animation (duration, camera motion, visual elements).
- Open separate Claude Code chats (or tabs) and run each prompt in parallel to generate 4–10‑second clips.
- Collect the clips and hand them to a human editor for sequencing, music, captions, and final timing cuts.
Liquid‑glass titles
- Locate Apple’s liquid‑glass design guidelines (publicly available design notes).
- Prompt Claude with those guidelines and ask for a HyperFrames prompt that recreates the liquid‑glass look for a title card.
- Optionally, add a green‑screen bubble overlay or import a PNG logo to composite later.
- Generate the title clip, review for fidelity to the liquid‑glass aesthetic, and iterate on one parameter (e.g., refraction intensity or background blur) at a time.
Tools & numbers
- HyperFrames – free animation tool used for all three use cases.
- Claude / Claude Code – the AI assistant; Claude Code subscription starts at ~$20 / month.
- Codex – mentioned as an alternative plan around $8 / month.
- Pinterest – source for reference boards.
- Typeless – sponsor offering $5 off a paid plan.
- Demo chart specifications: ~7 seconds length, 9:16 vertical aspect ratio.
- Claimed performance: Stack Health >200 000 short‑form views in the preceding 30 days.
Caveats / hype check
“View count is company claim without public breakdown. Typeless sponsorship. Emphasizes many online HyperFrames demos aren’t mostly HyperFrames—his demos look stronger, still curated.”
The presenter notes that the view‑count figure is an internal claim and lacks independent verification. The video is sponsored by Typeless, which may influence the tone toward the promoted discount. While the workflow produces polished results, the creator acknowledges that many publicly shared HyperFrames examples rely heavily on post‑production editing; his own demos appear stronger but still involve curation and human oversight.
Concrete next actions
- Drop Drive pilot: Select one data‑driven or explainer reel idea. Gather a Pinterest reference board, use Claude to extract or generate the needed data, then run a Claude Code/HyperFrames pass to create a safe‑zone‑checked 7‑second 9:16 clip.
- Jev / Claude Code style pack: Develop a reusable prompt template (e.g., a “noir” or brand‑specific style) that includes camera motion descriptors, lighting notes, and duration limits. Store this template for parallel clip generation across future projects.
- Iterative testing: For each generated clip, change only one variable (color, speed, blur) at a time, compare outputs, and keep the version that best matches the reference visual language.
- Human‑editor hand‑off: After collecting AI‑generated shots, bring them into a traditional editing timeline to add music, captions, and final timing cuts, ensuring the final reel meets platform‑specific requirements.