Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 8 месяцев назад •via X (Twitter)

Комментарии: 59

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

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
Dilum Sanjaya8 месяцев назад

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
Dilum Sanjaya8 месяцев назад

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
Dilum Sanjaya8 месяцев назад

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
Dilum Sanjaya8 месяцев назад

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
Dilum Sanjaya8 месяцев назад

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
Dilum Sanjaya8 месяцев назад

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
Dilum Sanjaya8 месяцев назад

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
Dilum Sanjaya8 месяцев назад

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

Фото профиля Kayoum
Kayoum8 месяцев назад

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

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

looks awesome!. love seeing more people exploring this space

Фото профиля Kayoum
Kayoum8 месяцев назад

Thank you, Same here, keep those awesome demos coming

Фото профиля kitze 🛠️ tinkerer.club
kitze 🛠️ tinkerer.club8 месяцев назад

jesus christ this is insane

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

haha, thanks Kitze

Фото профиля Chang
Chang8 месяцев назад

Stunning

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

thanks

Фото профиля 𝓓ᵉⓥ𝐎ⓝ ǤŕẸєŇ𝔢 🧐
𝓓ᵉⓥ𝐎ⓝ ǤŕẸєŇ𝔢 🧐8 месяцев назад

Tachikoma here we come!

Фото профиля AA
AA8 месяцев назад

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

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

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

Фото профиля Strongly.AI
Strongly.AI8 месяцев назад

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

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

thanks

Фото профиля Lucas ➔ decorebator.com
Lucas ➔ decorebator.com8 месяцев назад

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

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

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
Lucas ➔ decorebator.com8 месяцев назад

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
Albert Latham8 месяцев назад

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
Arafat8 месяцев назад

Claude excelled at transforming and implementing code.

Фото профиля Sam
Sam8 месяцев назад

i like your projects 🔥

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

thanks

Фото профиля OràKwé
OràKwé8 месяцев назад

Everything will be so easy, even hardware..🎉

Фото профиля Henno
Henno8 месяцев назад

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

Фото профиля Will Cheung
Will Cheung8 месяцев назад

So cool. Never thought to vibe code the simulator.

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

thanks

Фото профиля AI Simplified
AI Simplified8 месяцев назад

Wow, this looks awesome

Фото профиля Nilesh Garg
Nilesh Garg8 месяцев назад

Developments in this space make me super optimistic

Фото профиля Dumb AI Leaks
Dumb AI Leaks8 месяцев назад

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

Фото профиля Moken
Moken8 месяцев назад

good job

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

@occultist357 thanks

Фото профиля Scarab
Scarab8 месяцев назад

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
Todd Peterson8 месяцев назад

I love the interface

Фото профиля AI老王
AI老王8 месяцев назад

Excellent!

Фото профиля Kate
Kate8 месяцев назад

😳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
Ammari Ai8 месяцев назад

Wow. Amazing.

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

thanks

Фото профиля Jimmy
Jimmy8 месяцев назад

Worth a follow

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

thanks Jimmy

Фото профиля The Gadgets Fan
The Gadgets Fan8 месяцев назад

lovely ui

Фото профиля foundrceo
foundrceo8 месяцев назад

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

Фото профиля Rishik Tiwari (ऋषिक)
Rishik Tiwari (ऋषिक)8 месяцев назад

Ui is beautiful

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

thanks

Фото профиля Samwise stark
Samwise stark8 месяцев назад

Love it, how to get started ?

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

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
EyeFloater8 месяцев назад

Suuuuper clean!

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

thanks

Фото профиля Himanshu Kumar
Himanshu Kumar8 месяцев назад

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

Фото профиля Kseniya Artman
Kseniya Artman8 месяцев назад

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
Helder Perez8 месяцев назад

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

Фото профиля Dilum Sanjaya
Dilum Sanjaya8 месяцев назад

thanks Helder

Фото профиля Bautista
Bautista8 месяцев назад

Nice

Фото профиля KOR-Blitzer
KOR-Blitzer8 месяцев назад

Seen how this ends...

Похожие видео