Saltar al contenido
RobotVisual
Menú

Crea tu propio laboratorio con Claude

Robotics Bench, Hardware Bench, Drone Lab, Launch Bench y las máquinas de Visual Learning salieron de un skill, según sus autores. Le describes un objeto a Claude y te lo dibuja con botones que funcionan y una vista que muestra las piezas por dentro.

Colorfigures

De @Aprilzz423, licencia MIT

Le describes un objeto y Claude lo dibuja a mano, en isométrico, con botones que funcionan, rotación completa y un modo see-through que muestra las piezas por dentro con labels. Así se ven Robotics Bench, Hardware Bench y Launch Bench. Cada figura queda en un archivo .html que abres en el navegador.

Claude Code, en la terminal
mkdir -p ~/.claude/skills && curl -fsSL https://april-zhu.com/colorfigures/colorfigures.tar.gz | tar -xz -C ~/.claude/skills

Después abre una sesión nueva de Claude Code. Si usas Claude.ai o Windows, su página tiene otras formas de instalarlo, incluida una descarga en .zip.

Ver Colorfigures en su sitio

Anatomy

De @wheresryan22, licencia MIT

Le pides a Claude que te explique cómo funciona algo y, en lugar de un diagrama, te construye un objeto que hace eso, en isométrico y con muchas piezas pequeñas. Según su README, además de Claude Code corre en Antigravity, OpenCode, Codex y MiniMax Code.

Con npx
npx skills add wheresryan22/anatomy -g
Ver Anatomy en su sitio

Los skills son gratis, pero necesitas una herramienta donde correrlos. Colorfigures trae instrucciones para Claude Code y Claude.ai; Anatomy funciona también con Codex, OpenCode y otros agentes, según su README. Para Claude Code necesitas un plan de Claude que lo incluya.

Lo que ya hizo la comunidad con estos skills

Cada uno empezó con una pregunta y un skill. Ábrelos antes de escribir tu prompt: te dan una idea de qué pedir y de qué tan lejos puedes llegar.

  • Explicar un producto físico con piezas que se mueven
  • Clases donde el alumno presiona botones en vez de leer un párrafo
  • Desarmar hardware: un motor, una impresora 3D, una placa
  • Un Arduino Uno R3 armado sobre el banco, con el puerto USB, el reset y los pines señalados.

    Robotics Bench

    Opus 5.5 y el skill Colorfigures, según el autor

    @0xMovezHecho con Claude

  • Un dron de 5 pulgadas armado sobre el banco, con la batería, el controlador de vuelo, los ESC y los motores señalados.

    Drone Lab

    Opus 5.5 y Colorfigures, según el autor

    @0xMovezHecho con Claude

  • Un sensor HC-SR04 sobre una protoboard midiendo la distancia a un bloque de madera, con el emisor y el receptor señalados.

    Hardware Bench

    Opus 5.5 y Colorfigures, según el autor

    @zodchiiiHecho con Claude

  • Un Falcon 9 armado sobre su base, con sus etapas señaladas.

    Launch Bench

    Opus 5.5 y Colorfigures, según el autor

    @LunarResearcherHecho con Claude

  • La portada de Visual Learning con las primeras máquinas: dos drones DJI y unos lentes Vision Pro.

    Visual Learning

    El skill Anatomy en Claude Code, según el Article de su autor

    @elvar_officialHecho con Claude

Paso a paso

  1. 1

    Instala uno de los dos skills

    Con los comandos de arriba. En Claude Code se llaman con /colorfigures o /anatomy.

  2. 2

    Elige la pregunta

    Las mejores preguntas tienen una parte que se mueve y un número, como lo resume @elvar_official en su Article.

  3. 3

    Pega el prompt

    Cambia lo que está entre corchetes. Un solo objeto, con vista por dentro y un label en cada pieza.

  4. 4

    Revísalo como crítico

    Aprieta todos los botones y busca lo que está mal: una pieza en el lugar equivocado, un número que no cuadra o un paso que se salta algo. Pide las correcciones una por una.

  5. 5

    Déjalo romperse

    Pídele un modo para cambiar valores y ver qué falla. Quien puede romper la máquina entiende qué hace cada número.

  6. 6

    Ábrelo y compártelo

    Es un solo archivo HTML: lo abres en el navegador y se lo puedes mandar a quien quieras.

Cinco preguntas de la ruta para empezar

  • ¿Cómo sabe un servo a qué ángulo moverse?
  • ¿Cómo mide distancia un HC-SR04?
  • ¿Cómo cambia un puente H el sentido de giro de un motor?
  • ¿Cómo sabe un MPU-6050 que la placa se inclinó?
  • ¿Cómo baja un regulador buck de 12 V a 5 V?
Prompt (cambia lo que está entre corchetes)
/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.
En inglés, a veces salen mejor los detalles técnicos
/colorfigures explain how an HC-SR04 ultrasonic sensor measures distance, interactive, see-through, label each part, one button per step, and show the echo timing

Si usas Anatomy, cambia /colorfigures por /anatomy.

Error común

Pedir un tema en lugar de un objeto. "Electrónica" sale pobre; "cómo sabe un servo SG90 a qué ángulo moverse" sale mucho mejor. @elvar_official lo explica en su Article: si le pides "un microondas", el agente dibuja una caja con un plato; si le pides demostrar la velocidad de la luz con una barra de chocolate, tiene que dibujar la onda estacionaria.

Al terminar esta etapa deberías poder

0 de 4

Tu avance se guarda en este navegador.