Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Vibe Coding Robotics Part 8 Built a hexapod simulator with Claude Opus 4.6 Based on an open source algorithm that works on real hexapod robots. UI design generated with Nano Banana. More details ↓

490,282 Aufrufe • vor 8 Monaten •via X (Twitter)

59 Kommentare

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

1. Instead of asking AI to write the algorithm from scratch, I wanted to see if Claude could take an existing hexapod algorithm from GitHub and implement it the way I wanted. I used Gemini in other parts, but from my testing, Claude works really well at transforming code from other repos, so I used Claude for this one.

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

2.This is the open source repo I used, created by Mithi Sevilla. (could not find them on X). I made a Next.js and shadcn version of this repo a couple of months ago while trying to understand the algorithm.

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

3. I copied code from one of my old robotics demos and from the hexapod repo into a single repo and used that as context for Claude. I asked it to reuse the algorithm from the original repo but build the visualization using techniques from my robotics demo.

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

4. The main difference is that the original repo uses Plotly, while I wanted to use three.js. That meant Claude had to write a whole new set of transform functions to convert data meant for Plotly into something usable in three.js.

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

5. I also asked Claude to convert everything it used from the original repo to TypeScript and to convert all classes into function based implementations. While I eventually reached a point with no TypeScript errors, I would call it a lazy conversion. React class components were converted to functional components successfully, but it struggled with classes in the core algorithm.

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

6. Overall, it did a good job and I got it working. I did have to review the code a few times and explain what went wrong when some fixes were clearly going nowhere.

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

7. Next time, I will probably try converting a simulation written in a language other than JS or TS to see what happens.

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

8. In case you missed it, here is the last part of the Vibe Coding Robotics series where I built Leonardo da Vinci's ornithopter.

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

9. I also have a series where I try to make games with AI. Here is the latest part of that series.

Profilbild von Kayoum
Kayoumvor 8 Monaten

That's cool! Check what we built, with the same vision as eventually vibe coding robotics!

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

looks awesome!. love seeing more people exploring this space

Profilbild von Kayoum
Kayoumvor 8 Monaten

Thank you, Same here, keep those awesome demos coming

Profilbild von kitze 🛠️ tinkerer.club
kitze 🛠️ tinkerer.clubvor 8 Monaten

jesus christ this is insane

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

haha, thanks Kitze

Profilbild von Chang
Changvor 8 Monaten

Stunning

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

thanks

Profilbild von 𝓓ᵉⓥ𝐎ⓝ ǤŕẸєŇ𝔢 🧐
𝓓ᵉⓥ𝐎ⓝ ǤŕẸєŇ𝔢 🧐vor 8 Monaten

Tachikoma here we come!

Profilbild von AA
AAvor 8 Monaten

all hail the king of robotic simulators please don’t make a real version of this, it terrifies me

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

thanks 🤖 I may or may not have been eyeing some 3D printers recently 😉

Profilbild von Strongly.AI
Strongly.AIvor 8 Monaten

This is super cool. Thanks for sharing. UI and animations are becoming more than ever important in distilling complexity.

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

thanks

Profilbild von Lucas ➔ decorebator.com
Lucas ➔ decorebator.comvor 8 Monaten

Amazing. How do you go from the nano banana mock-up to code?

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

thanks. I attach the nano nanana image with the prompts and ask claude to implement it. If it misses parts, I add a screenshot of the specific section so it can focus on that part

Profilbild von Lucas ➔ decorebator.com
Lucas ➔ decorebator.comvor 8 Monaten

I have been doing the same for mobile apps. I fully describe the UI styling so that all screens generated follow the same esthetics but it’s kinda hard when you have multiple screens and flows. I have to constantly be poking Claude to follow suit and then address somes differences

Profilbild von Albert Latham
Albert Lathamvor 8 Monaten

If you watch a spider's walk cycle you'll see that a limb will enter a state of 'traction seeking', where it will move that limb a few times in order to find a point of traction on a surface. I saw demos from nearly 10 years ago where a guy had done this algorithmically for procedural animation, and it looked really, really good. Talk this through with Claude and see where it gets you.

Profilbild von Arafat
Arafatvor 8 Monaten

Claude excelled at transforming and implementing code.

Profilbild von Sam
Samvor 8 Monaten

i like your projects 🔥

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

thanks

Profilbild von OràKwé
OràKwévor 8 Monaten

Everything will be so easy, even hardware..🎉

Profilbild von Henno
Hennovor 8 Monaten

bruhh. That's insane! Such a fun UI. We need to make software more fun

Profilbild von Will Cheung
Will Cheungvor 8 Monaten

So cool. Never thought to vibe code the simulator.

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

thanks

Profilbild von AI Simplified
AI Simplifiedvor 8 Monaten

Wow, this looks awesome

Profilbild von Nilesh Garg
Nilesh Gargvor 8 Monaten

Developments in this space make me super optimistic

Profilbild von Dumb AI Leaks
Dumb AI Leaksvor 8 Monaten

Stargate - Replicators .. that's all I'll say

Profilbild von Moken
Mokenvor 8 Monaten

good job

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

@occultist357 thanks

Profilbild von Scarab
Scarabvor 8 Monaten

Not what Linus was wanting to be vibe coding, but this process may be interesting to @linusgsebastian, Luke, and @BuhDan. Vibe coding an interface for a robotics simulator off #GitHub, complete with UI generated from images. And no #ChatGPT in sight. 😜

Profilbild von Todd Peterson
Todd Petersonvor 8 Monaten

I love the interface

Profilbild von AI老王
AI老王vor 8 Monaten

Excellent!

Profilbild von Kate
Katevor 8 Monaten

😳Even though I’m not in this field, I couldn’t help but stop and analyze this work. It’s a perfect case study for the 'Bridge between Intent and Execution.' > This sparked a new direction for my upcoming AI Tests: How do we measure the 'reasoning depth' when an AI translates a high-level vibe into a complex kinematic system? 🤖🧠 This is more than coding; it’s a shift in cognitive architecture. Truly inspiring! 🪞🌙

Profilbild von Ammari Ai
Ammari Aivor 8 Monaten

Wow. Amazing.

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

thanks

Profilbild von Jimmy
Jimmyvor 8 Monaten

Worth a follow

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

thanks Jimmy

Profilbild von The Gadgets Fan
The Gadgets Fanvor 8 Monaten

lovely ui

Profilbild von foundrceo
foundrceovor 8 Monaten

this is dope man, can i get a hexapod as a pet? 😂

Profilbild von Rishik Tiwari (ऋषिक)
Rishik Tiwari (ऋषिक)vor 8 Monaten

Ui is beautiful

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

thanks

Profilbild von Samwise stark
Samwise starkvor 8 Monaten

Love it, how to get started ?

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

thanks. start with something simple. take an app you use every day and describe its features in prompts, then try to implement it. expect things to break. what you usually see online are the good outcomes, not the many failed tries

Profilbild von EyeFloater
EyeFloatervor 8 Monaten

Suuuuper clean!

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

thanks

Profilbild von Himanshu Kumar
Himanshu Kumarvor 8 Monaten

@DilumSanjaya, building a hexapod simulator with Claude Opus is a neat way to test robotics algorithms.

Profilbild von Kseniya Artman
Kseniya Artmanvor 8 Monaten

The IK solver looks incredibly stable. Getting a hexapod gait this smooth usually takes weeks of manual tweaking. Seeing it 'vibe coded' into existence is a massive flex for the workflow.

Profilbild von Helder Perez
Helder Perezvor 8 Monaten

That's an impressive hexapod simulator! The UI design generated with Nano Banana looks great.

Profilbild von Dilum Sanjaya
Dilum Sanjayavor 8 Monaten

thanks Helder

Profilbild von Bautista
Bautistavor 8 Monaten

Nice

Profilbild von KOR-Blitzer
KOR-Blitzervor 8 Monaten

Seen how this ends...

Ähnliche Videos