Learn Arduino
A 3D Arduino Uno: from lighting an LED to your first project
@DilumSanjayaMade with ClaudeIn Spanish
Learn robotics by seeing how every part works.
3D labs that run free in your browser, with nothing to install. Try it below: run the code, change the delay and pull out the resistor.
3D Arduino Uno with a red LED and its resistor on a breadboard.
Loading the board in 3D
1void setup() {2 pinMode(13, OUTPUT);3 Serial.begin(9600);4}56void loop() {7 digitalWrite(13, HIGH);8 Serial.println("on");9 delay(1000);10 digitalWrite(13, LOW);11 Serial.println("off");12 delay(1000);13}
Serial monitor
Press Run to see what the board prints.
1000 ms
Every pass through loop() turns pin 13 on and off. The small LED marked L on the board does the same. Peak: .
What visual learning is
You ask Claude to explain how something works and, instead of a paragraph, it builds you a machine you can run in the browser. That is how almost every lab on this site was made.
Many came out of two free skills, Anatomy and Colorfigures. With either one you can build your own.
You see every part inside
A see-through view with a label on each part: the motor, the gears, the chip.
You move it step by step
One button per step or automatic, with the numbers moving on screen.
You make mistakes without burning anything
Break the board on purpose and see what fails before spending on parts.
The visual learnings
Made by people in the community. 18 of the 24 labs and machines were made with Claude, according to their authors.
ESP Labs
ESP32-S3 with a live pinout and the firmware explained line by line
@abderrahmen_gMade with ClaudeIn Spanish
Robotics Bench
13 real boards you assemble like in a factory, power up and break
@0xMovezMade with Claude
Spot: how a robot dog walks
12 motors, 5 pairs of cameras and a leg with three motors
@elvar_officialMade with Claude
Mechanical watch: a spring released a little at a time
Gear train and escapement: how a spring’s energy is shared out
@elvar_officialMade with Claude
Eight weeks, six stages.
The same labs, in order. Each stage brings a 3D lab, the visual learnings for that topic, a common mistake, a practice, a checklist and three questions. Your progress is saved in this browser.
How a servo knows which angle to move to
Our first visual learning, now in 3D. Move the PWM pulse width and watch the circuit compare, the motor turn and the potentiometer report the position. Then disconnect the potentiometer and see what happens.
Open the labWhen something isn’t clear, turn it into a lab.
With a Claude skill you describe a part and get an interactive figure, with one button per step and an inside view.
- 1Install Colorfigures or Anatomy in Claude Code.
- 2Pick a question with a moving part and a number.
- 3Paste the prompt and review the result like a critic.
mkdir -p ~/.claude/skills && curl -fsSL https://april-zhu.com/colorfigures/colorfigures.tar.gz | tar -xz -C ~/.claude/skills/colorfigures explain how [a servo knows which angle to move to] for [someone who has never used a board].
Before drawing, research how [an SG90 hobby servo] really works.
I want a single interactive object, with see-through mode and a label on every part.
One button per step, in order: [the PWM signal arrives, the circuit compares, the motor turns, the potentiometer reports the position].
The numbers on screen should come from the same model that moves the parts.
Below the figure, a single idea in one line.New visual learnings come out first on X.
@0xKapri shares each one with who made it, what you learn and what it is for. If you find one that should be here, send it over.