Loading video...

Video Failed to Load

Go Home

What if you could explain a complex technical idea using an interactive machine instead of a boring diagram? ⚙️ Meet Anatomy, an open-source AI skill that turns concepts into detailed, interactive isometric illustrations. Here’s what it can do: 🧠 Turn a technical concept into a visual machine. ⚙️ Build...

duncanrogoff's profile picture

Duncan | AI Automation

96,800 subscribers

84,400 views • 12 days ago •via TikTok

EducationArtsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing "codebase to course", a skill that turns any codebase into an interactive coding course So that you can learn coding through your own projects, complete with visualization, plain-English code translations, metaphors, even quizzes... I vibe code a lot but have no idea how the code works under the hood. This is how I think "learning to code" should be in the AI age: Build first, learn later Link below
2:22

Introducing "codebase to course", a skill that turns any codebase into an interactive coding course So that you can learn coding through your own projects, complete with visualization, plain-English code translations, metaphors, even quizzes... I vibe code a lot but have no idea how the code works under the hood. This is how I think "learning to code" should be in the AI age: Build first, learn later Link below

Zara Zhang

209,661 views • 7 months ago

What if you could turn a PDF, report, or pitch deck into an animated explainer using Claude? With Claude Motion, you can provide a file, describe the animation you want, and let Claude build the video using code. Here’s the workflow: 📄 Upload a file and type /motion. 🎯 Describe the video you want, such as a 20-second pitch deck teaser. 🎬 Let Claude generate an animation based on your content. 🛠️ Edit the code to adjust text, timing, and colors. 📹 Export the finished animation as an MP4. The biggest advantage is editability. Since the animation is built in code, you can make targeted changes without rebuilding the entire video. Access is currently limited to eligible Team and Enterprise accounts in beta. Want to try it? Check the pinned comment below for the setup guide.
0:36

What if you could turn a PDF, report, or pitch deck into an animated explainer using Claude? With Claude Motion, you can provide a file, describe the animation you want, and let Claude build the video using code. Here’s the workflow: 📄 Upload a file and type /motion. 🎯 Describe the video you want, such as a 20-second pitch deck teaser. 🎬 Let Claude generate an animation based on your content. 🛠️ Edit the code to adjust text, timing, and colors. 📹 Export the finished animation as an MP4. The biggest advantage is editability. Since the animation is built in code, you can make targeted changes without rebuilding the entire video. Access is currently limited to eligible Team and Enterprise accounts in beta. Want to try it? Check the pinned comment below for the setup guide.

Duncan | AI Automation

197,400 views • 19 days ago

Many asked me how to make these, so I turned it into a skill~ Colorfigures: Describe an everyday object, and Claude draws it hand-inked and isometric, with buttons that actually work. You can also ask how something works and the skill will label the parts to explain how each part does its job. Free and open source 👇
0:22

Many asked me how to make these, so I turned it into a skill~ Colorfigures: Describe an everyday object, and Claude draws it hand-inked and isometric, with buttons that actually work. You can also ask how something works and the skill will label the parts to explain how each part does its job. Free and open source 👇

April

136,040 views • 25 days ago

Anatomy is a free Claude Code skill that explains how things work by building them as interactive isometric figures you can take apart: engines, caches, algorithms, drawn part by part in SVG with optional WebGL effects. It's MIT licensed with over 20K GitHub stars, and it also installs in Antigravity and Codex. Follow for more Claude skills. #ClaudeCode #ClaudeSkills #OpenSource #DataVisualization #AITools
0:25

Anatomy is a free Claude Code skill that explains how things work by building them as interactive isometric figures you can take apart: engines, caches, algorithms, drawn part by part in SVG with optional WebGL effects. It's MIT licensed with over 20K GitHub stars, and it also installs in Antigravity and Codex. Follow for more Claude skills. #ClaudeCode #ClaudeSkills #OpenSource #DataVisualization #AITools

Farhan Rakhangi | AI Agents

40,400 views • 9 days ago

Full training in my profile 👆 You’re probably using GitHub wrong. I just found a bunch of GitHub URL tricks where changing a few letters can completely change how you interact with a repo. Turn it into a visual diagram. Make it easier for AI to understand. Generate documentation. Open it in a browser code editor. Even connect the repo directly to an AI agent. If you build with AI, save this one.
1:00

Full training in my profile 👆 You’re probably using GitHub wrong. I just found a bunch of GitHub URL tricks where changing a few letters can completely change how you interact with a repo. Turn it into a visual diagram. Make it easier for AI to understand. Generate documentation. Open it in a browser code editor. Even connect the repo directly to an AI agent. If you build with AI, save this one.

Marcin AI

156,000 views • 1 month ago

A simple story idea can turn into a complete video. I wanted to see what Pollo AI Story Video could do with an idea from scratch, so I gave it a story and let it bring the concept to life. I could choose the spoken language and visual style, then generate a video up to 90 seconds without having to build everything scene by scene. Left: the final video Right: the creation process It’s pretty cool seeing the idea go from a simple concept to a finished story video.
0:30

A simple story idea can turn into a complete video. I wanted to see what Pollo AI Story Video could do with an idea from scratch, so I gave it a story and let it bring the concept to life. I could choose the spoken language and visual style, then generate a video up to 90 seconds without having to build everything scene by scene. Left: the final video Right: the creation process It’s pretty cool seeing the idea go from a simple concept to a finished story video.

Zara

29,722 views • 2 months ago

Took a simple luxury watch concept and turned it into an interactive experience with Julius AI The watch transforms between different styles with a click, while keeping the experience clean, cinematic, and product-focused. Really fun turning a static concept into something you can actually interact with.
0:25

Took a simple luxury watch concept and turned it into an interactive experience with Julius AI The watch transforms between different styles with a click, while keeping the experience clean, cinematic, and product-focused. Really fun turning a static concept into something you can actually interact with.

Martian

11,106 views • 2 months ago

Introducing Anatomy Describe a machine in one line. Claude brings it to life. - Interactive isometric wireframes you can rotate, inspect and explore - WebGL shaders for fire, water, plasma and more - Real 3D motion, with individual parts that rotate and move Install it as an agent skill. Fully open source.
0:38

Introducing Anatomy Describe a machine in one line. Claude brings it to life. - Interactive isometric wireframes you can rotate, inspect and explore - WebGL shaders for fire, water, plasma and more - Real 3D motion, with individual parts that rotate and move Install it as an agent skill. Fully open source.

R

2,690,764 views • 1 month ago

How to install a Claude skill from GitHub — even if you have no idea how GitHub works. Download the repo, let Claude check the files for risks, customise the skill around how you actually work, then package it as a Claude-ready ZIP and upload it. GitHub looks technical. This part really isn’t. Save this for the next Claude skill someone sends you. #claude #claudeskills #github #aitools #claudetips
1:16

How to install a Claude skill from GitHub — even if you have no idea how GitHub works. Download the repo, let Claude check the files for risks, customise the skill around how you actually work, then package it as a Claude-ready ZIP and upload it. GitHub looks technical. This part really isn’t. Save this for the next Claude skill someone sends you. #claude #claudeskills #github #aitools #claudetips

The AI Impact | AI Workflows

23,700 views • 2 months ago

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:
0:29

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:

Jerrod Lew

33,687 views • 5 months ago

It is becoming f*cking dangerous: one line in Claude Code builds a turbofan with 3,597 parts you can cut open and break 1. Install the open source skill (Node 22.20+): npx skills add AirsupHQ/machine-skill -g -a claude-code 2. Add Playwright in its folder: cd ~/.claude/skills/machine && npm i && npx playwright install chromium 3. Open a new Claude Code session in an empty folder and type: /machine a turbofan jet engine, the kind that pushes a widebody off the runway 4. Let Claude write down real dimensions, parts list and physics, then build it 5. Open the HTML file, drag the throttle, try explode, cutaway, x-ray 6. Hit the break button: it throws a fan blade and the solver computes the load the case has to hold 7. Film it from that folder with your file's name (needs ffmpeg): node ~/.claude/skills/machine/scripts/record.mjs turbofan.html out/turbofan.mp4 The makers' estimate: about an hour per machine You get one HTML file: the makers' demo counts 3,597 parts, nearly all blades, yours will differ, and the physics is a small model, not CFD Full guide in the article below
1:08

It is becoming f*cking dangerous: one line in Claude Code builds a turbofan with 3,597 parts you can cut open and break 1. Install the open source skill (Node 22.20+): npx skills add AirsupHQ/machine-skill -g -a claude-code 2. Add Playwright in its folder: cd ~/.claude/skills/machine && npm i && npx playwright install chromium 3. Open a new Claude Code session in an empty folder and type: /machine a turbofan jet engine, the kind that pushes a widebody off the runway 4. Let Claude write down real dimensions, parts list and physics, then build it 5. Open the HTML file, drag the throttle, try explode, cutaway, x-ray 6. Hit the break button: it throws a fan blade and the solver computes the load the case has to hold 7. Film it from that folder with your file's name (needs ffmpeg): node ~/.claude/skills/machine/scripts/record.mjs turbofan.html out/turbofan.mp4 The makers' estimate: about an hour per machine You get one HTML file: the makers' demo counts 3,597 parts, nearly all blades, yours will differ, and the physics is a small model, not CFD Full guide in the article below

plusxbt

43,757 views • 11 days ago

Gemini 3.5 Flash can process complex visual data and translate it into functional, interactive code. Watch Gemini analyze lighting from a reference image, and build an interactive 3D visualizer to preview the setup.
0:32

Gemini 3.5 Flash can process complex visual data and translate it into functional, interactive code. Watch Gemini analyze lighting from a reference image, and build an interactive 3D visualizer to preview the setup.

Google Gemini

1,129,301 views • 5 months ago

ANTHROPIC LEAKED A FILE WHERE 5 AGENTS WITH JEV BUILD A $1.2M A YEAR SYSTEM IN 30 MINUTES you pay $3.70 and walk away with an asset that can do $1.2M a year repo → data model → API → UI → evals no layer starts until the one under it is closed, and that edge is what turns five scripts into a system the operator on Haiku 4.5 brings up the repo and CI, the architect on Opus 5 lays down the data model and migrations two builders on Sonnet 5 run API and UI in parallel, and the reviewer on Opus 5.5 can keep finished code out of prod the evals were sitting in the file before the first line of code existed at minute zero there was not a single file, by the end it is a working product with payments and tests five agents cover in half an hour what a human team bills for a quarter JEV hands one line between layers instead of the whole history, so the next agent never re-reads the project and the run costs $3.70 instead of $370 the build takes 30 minutes, the first customers show up weeks later save this and paste it into Claude Code - let it assemble those 5 layers for you ↓
1:20

ANTHROPIC LEAKED A FILE WHERE 5 AGENTS WITH JEV BUILD A $1.2M A YEAR SYSTEM IN 30 MINUTES you pay $3.70 and walk away with an asset that can do $1.2M a year repo → data model → API → UI → evals no layer starts until the one under it is closed, and that edge is what turns five scripts into a system the operator on Haiku 4.5 brings up the repo and CI, the architect on Opus 5 lays down the data model and migrations two builders on Sonnet 5 run API and UI in parallel, and the reviewer on Opus 5.5 can keep finished code out of prod the evals were sitting in the file before the first line of code existed at minute zero there was not a single file, by the end it is a working product with payments and tests five agents cover in half an hour what a human team bills for a quarter JEV hands one line between layers instead of the whole history, so the next agent never re-reads the project and the run costs $3.70 instead of $370 the build takes 30 minutes, the first customers show up weeks later save this and paste it into Claude Code - let it assemble those 5 layers for you ↓

Sprytix

14,336 views • 1 month ago

I turned the Vibe Robotics A1 humanoid into an interactive 3D anatomy lesson. My DIY kit just arrived, so I asked Claude Opus 5.5 to explain how it works by building an interactive Three.js model from Vibe’s real CAD files, joint data and open-source SDK specs. Cut it open. Follow the power and data. Watch how it balances while walking. Look inside one of its 25 servos. I open-sourced the whole thing:
1:06

I turned the Vibe Robotics A1 humanoid into an interactive 3D anatomy lesson. My DIY kit just arrived, so I asked Claude Opus 5.5 to explain how it works by building an interactive Three.js model from Vibe’s real CAD files, joint data and open-source SDK specs. Cut it open. Follow the power and data. Watch how it balances while walking. Look inside one of its 25 servos. I open-sourced the whole thing:

Sergej Stein (🤖/acc)

10,931 views • 1 month ago

You can now draw how your app works and get Codex to build it with the new tldraw plugin for ChatGPT. Redraw the logic, and the code gets updated to match. Ask for a change in chat, and it updates the diagram first so you can check the logic before any code changes. Here's a traffic light with a 50% chance of turning blue instead of green:
3:10

You can now draw how your app works and get Codex to build it with the new tldraw plugin for ChatGPT. Redraw the logic, and the code gets updated to match. Ask for a change in chat, and it updates the diagram first so you can check the logic before any code changes. Here's a traffic light with a 50% chance of turning blue instead of green:

tldraw

31,935 views • 1 month ago

I gave Codex one idea: A screen-time app for kids that doesn’t feel like a punishment. Then it helped turn that idea into Peekaboo, a gentle mobile app built around a tiny purple character with a sprout on its head. 🌱 The workflow was wild: 🎨 GPT Image 2.0 shaped the cozy visual world, mascot poses, sticker rewards, and app-store-style mockups 🧠 GPT-5.5 helped design the product logic: timers, breaks, rewards, parent moments, and kid-friendly microcopy 📱 Codex pulled it together into an interactive mobile app prototype with real screens, transitions, animations, and state Prompt below 👇
0:50

I gave Codex one idea: A screen-time app for kids that doesn’t feel like a punishment. Then it helped turn that idea into Peekaboo, a gentle mobile app built around a tiny purple character with a sprout on its head. 🌱 The workflow was wild: 🎨 GPT Image 2.0 shaped the cozy visual world, mascot poses, sticker rewards, and app-store-style mockups 🧠 GPT-5.5 helped design the product logic: timers, breaks, rewards, parent moments, and kid-friendly microcopy 📱 Codex pulled it together into an interactive mobile app prototype with real screens, transitions, animations, and state Prompt below 👇

Bas Fijneman

74,717 views • 6 months ago

GPT-6 Astra could take the next step in medicine "A full interactive skeleton with all 206 bones got built in two hours" ∙ Astra was pointed at an open anatomy dataset ∙ Codex wrote the entire interface, bone by bone, all 206 of them ∙ It shipped as a Claude Code artifact, ready to open and use The model spins, breaks apart into an exploded view, splits in half, and lets anyone click a single bone to read exactly what it is. Nobody involved in building it had any background in anatomy. That's less a statement about anatomy and more about what two hours with the right tools can now produce.
0:40

GPT-6 Astra could take the next step in medicine "A full interactive skeleton with all 206 bones got built in two hours" ∙ Astra was pointed at an open anatomy dataset ∙ Codex wrote the entire interface, bone by bone, all 206 of them ∙ It shipped as a Claude Code artifact, ready to open and use The model spins, breaks apart into an exploded view, splits in half, and lets anyone click a single bone to read exactly what it is. Nobody involved in building it had any background in anatomy. That's less a statement about anatomy and more about what two hours with the right tools can now produce.

Zentrix⌚️

20,901 views • 2 months ago

Announcing the LittleJS Mini Arcade! 🚂🕹️ 50+ classic games built with Claude Code on my open-source HTML5 engine. Each one is a single HTML file you can fork into your own project. 😻👍 #gamedev #ClaudeCode #opensource
0:59

Announcing the LittleJS Mini Arcade! 🚂🕹️ 50+ classic games built with Claude Code on my open-source HTML5 engine. Each one is a single HTML file you can fork into your own project. 😻👍 #gamedev #ClaudeCode #opensource

Frank Force 🌻

16,787 views • 5 months ago

Introducing Oasis: the first playable AI-generated game. We partnered with Decart to build a real-time, interactive world model that runs >10x faster on Sohu. We're open-sourcing the model architecture, weights, and research. Here's how it works (and a demo you can play!):
0:24

Introducing Oasis: the first playable AI-generated game. We partnered with Decart to build a real-time, interactive world model that runs >10x faster on Sohu. We're open-sourcing the model architecture, weights, and research. Here's how it works (and a demo you can play!):

Etched

24,727,253 views • 2 years ago

What if you could use Claude Code without paying for tokens? free-claude-code is an open source CLI that lets you run Claude Code, Codex, OpenCode and more on free token sources. Terminal. IDE. Desktop app. Even your phone. Perfect for learning the tools before you pay for them. Check which models it routes to before you trust it with real work. Repo below 👇
0:30

What if you could use Claude Code without paying for tokens? free-claude-code is an open source CLI that lets you run Claude Code, Codex, OpenCode and more on free token sources. Terminal. IDE. Desktop app. Even your phone. Perfect for learning the tools before you pay for them. Check which models it routes to before you trust it with real work. Repo below 👇

CyrilXBT

17,665 views • 25 days ago