Learn Arduino
Arduino Uno en 3D: de prender un LED a tu primer proyecto
@DilumSanjayaHecho con ClaudeEn español
Aprende robótica viendo cómo funciona cada pieza.
Laboratorios 3D que corren gratis en tu navegador, sin instalar nada. Pruébalo aquí abajo: corre el código, cambia el delay y quita la resistencia.
Arduino Uno en 3D con un LED rojo y su resistencia en una protoboard.
Cargando la placa en 3D
1void setup() {2 pinMode(13, OUTPUT);3 Serial.begin(9600);4}56void loop() {7 digitalWrite(13, HIGH);8 Serial.println("prendido");9 delay(1000);10 digitalWrite(13, LOW);11 Serial.println("apagado");12 delay(1000);13}
Monitor serial
Dale Correr para ver lo que imprime la placa.
1000 ms
Cada vuelta de loop() prende y apaga el pin 13. El LED chico marcado L, en la placa, hace lo mismo. Pico: .
Qué es visual learning
Le pides a Claude que te explique cómo funciona algo y, en vez de un párrafo, te construye una máquina que puedes correr en el navegador. Así se hicieron casi todos los laboratorios de esta página.
Muchos salieron de dos skills gratis, Anatomy y Colorfigures. Con cualquiera de los dos puedes crear el tuyo.
Ves cada pieza por dentro
Vista see-through con un label en cada parte: el motor, los engranes, el chip.
Lo mueves paso a paso
Un botón por paso o en automático, con los números moviéndose en pantalla.
Te equivocas sin quemar nada
Rompe la placa a propósito y mira qué falla antes de gastar en componentes.
Los visual learnings
Los hizo gente de la comunidad. 18 de los 24 laboratorios y máquinas los hicieron con Claude, según sus autores.
ESP Labs
ESP32-S3 con pinout en vivo y el firmware explicado línea por línea
@abderrahmen_gHecho con ClaudeEn español
Robotics Bench
13 placas reales que armas como en fábrica, enciendes y rompes
@0xMovezHecho con Claude
Spot: cómo camina un perro robot
12 motores, 5 pares de cámaras y una pata con tres motores
@elvar_officialHecho con Claude
Reloj mecánico: un resorte que se suelta poco a poco
Tren de engranes y escape: cómo se reparte la energía de un resorte
@elvar_officialHecho con Claude
Ocho semanas, seis etapas.
Los mismos laboratorios, en orden. Cada etapa trae un laboratorio 3D, los visual learnings de ese tema, un error común, una práctica, un checklist y tres preguntas. Tu avance se guarda en este navegador.
Cómo sabe un servo a qué ángulo moverse
Nuestro primer visual learning, ahora en 3D. Mueve el ancho del pulso PWM y mira cómo el circuito compara, el motor gira y el potenciómetro reporta la posición. Después desconecta el potenciómetro y mira qué pasa.
Abrir el laboratorioCuando algo no te quede claro, conviértelo en laboratorio.
Con un skill de Claude describes una pieza y obtienes una figura interactiva, con un botón por paso y vista por dentro.
- 1Instala Colorfigures o Anatomy en Claude Code.
- 2Elige una pregunta con una parte que se mueve y un número.
- 3Pega el prompt y revisa el resultado como crítico.
mkdir -p ~/.claude/skills && curl -fsSL https://april-zhu.com/colorfigures/colorfigures.tar.gz | tar -xz -C ~/.claude/skills/colorfigures explica cómo [un servo sabe a qué ángulo moverse] para [alguien que nunca ha usado una placa].
Antes de dibujar, investiga cómo funciona de verdad [un servo de hobby SG90].
Quiero un solo objeto, interactivo, con modo see-through y un label en cada pieza.
Un botón por paso, en orden: [llega la señal PWM, el circuito compara, el motor gira, el potenciómetro reporta la posición].
Que los números en pantalla salgan del mismo modelo que mueve las piezas.
Debajo de la figura, una sola idea en una línea.Los nuevos visual learnings salen primero en X.
@0xKapri comparte cada uno con quién lo hizo, qué aprendes y para qué te sirve. Si encuentras uno que debería estar aquí, mándaselo.