Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 8 ay önce •via X (Twitter)

59 Yorum

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

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.

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

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.

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

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.

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

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.

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

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.

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

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.

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

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

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

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.

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

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

Kayoum profil fotoğrafı
Kayoum8 ay önce

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

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

looks awesome!. love seeing more people exploring this space

Kayoum profil fotoğrafı
Kayoum8 ay önce

Thank you, Same here, keep those awesome demos coming

kitze 🛠️ tinkerer.club profil fotoğrafı
kitze 🛠️ tinkerer.club8 ay önce

jesus christ this is insane

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

haha, thanks Kitze

Chang profil fotoğrafı
Chang8 ay önce

Stunning

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

thanks

𝓓ᵉⓥ𝐎ⓝ ǤŕẸєŇ𝔢 🧐 profil fotoğrafı
𝓓ᵉⓥ𝐎ⓝ ǤŕẸєŇ𝔢 🧐8 ay önce

Tachikoma here we come!

AA profil fotoğrafı
AA8 ay önce

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

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

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

Strongly.AI profil fotoğrafı
Strongly.AI8 ay önce

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

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

thanks

Lucas ➔ decorebator.com profil fotoğrafı
Lucas ➔ decorebator.com8 ay önce

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

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

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

Lucas ➔ decorebator.com profil fotoğrafı
Lucas ➔ decorebator.com8 ay önce

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

Albert Latham profil fotoğrafı
Albert Latham8 ay önce

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.

Arafat profil fotoğrafı
Arafat8 ay önce

Claude excelled at transforming and implementing code.

Sam profil fotoğrafı
Sam8 ay önce

i like your projects 🔥

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

thanks

OràKwé profil fotoğrafı
OràKwé8 ay önce

Everything will be so easy, even hardware..🎉

Henno profil fotoğrafı
Henno8 ay önce

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

Will Cheung profil fotoğrafı
Will Cheung8 ay önce

So cool. Never thought to vibe code the simulator.

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

thanks

AI Simplified profil fotoğrafı
AI Simplified8 ay önce

Wow, this looks awesome

Nilesh Garg profil fotoğrafı
Nilesh Garg8 ay önce

Developments in this space make me super optimistic

Dumb AI Leaks profil fotoğrafı
Dumb AI Leaks8 ay önce

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

Moken profil fotoğrafı
Moken8 ay önce

good job

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

@occultist357 thanks

Scarab profil fotoğrafı
Scarab8 ay önce

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. 😜

Todd Peterson profil fotoğrafı
Todd Peterson8 ay önce

I love the interface

AI老王 profil fotoğrafı
AI老王8 ay önce

Excellent!

Kate profil fotoğrafı
Kate8 ay önce

😳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! 🪞🌙

Ammari Ai profil fotoğrafı
Ammari Ai8 ay önce

Wow. Amazing.

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

thanks

Jimmy profil fotoğrafı
Jimmy8 ay önce

Worth a follow

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

thanks Jimmy

The Gadgets Fan profil fotoğrafı
The Gadgets Fan8 ay önce

lovely ui

foundrceo profil fotoğrafı
foundrceo8 ay önce

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

Rishik Tiwari (ऋषिक) profil fotoğrafı
Rishik Tiwari (ऋषिक)8 ay önce

Ui is beautiful

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

thanks

Samwise stark profil fotoğrafı
Samwise stark8 ay önce

Love it, how to get started ?

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

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

EyeFloater profil fotoğrafı
EyeFloater8 ay önce

Suuuuper clean!

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

thanks

Himanshu Kumar profil fotoğrafı
Himanshu Kumar8 ay önce

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

Kseniya Artman profil fotoğrafı
Kseniya Artman8 ay önce

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.

Helder Perez profil fotoğrafı
Helder Perez8 ay önce

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

Dilum Sanjaya profil fotoğrafı
Dilum Sanjaya8 ay önce

thanks Helder

Bautista profil fotoğrafı
Bautista8 ay önce

Nice

KOR-Blitzer profil fotoğrafı
KOR-Blitzer8 ay önce

Seen how this ends...

Benzer Videolar