Pular para o conteúdo
RobotVisual
Menu

Monte seu próprio laboratório com o Claude

Robotics Bench, Hardware Bench, Drone Lab, Launch Bench e as máquinas do Visual Learning saíram de um skill, segundo seus autores. Você descreve um objeto ao Claude e ele o desenha com botões que funcionam e uma visão que mostra as peças por dentro.

Colorfigures

De @Aprilzz423, licença MIT

Você descreve um objeto e o Claude o desenha à mão, em isométrico, com botões que funcionam, rotação completa e um modo see-through que mostra as peças por dentro com rótulos. É assim que ficam o Robotics Bench, o Hardware Bench e o Launch Bench. Cada figura fica num arquivo .html que você abre no navegador.

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

Depois abra uma sessão nova do Claude Code. Se você usa o Claude.ai ou Windows, a página dele tem outras formas de instalar, incluindo um download em .zip.

Ver Colorfigures no site

Anatomy

De @wheresryan22, licença MIT

Você pede ao Claude que explique como algo funciona e, em vez de um diagrama, ele constrói um objeto que faz aquilo, em isométrico e com muitas peças pequenas. Segundo o README, além do Claude Code ele roda no Antigravity, OpenCode, Codex e MiniMax Code.

Com npx
npx skills add wheresryan22/anatomy -g
Ver Anatomy no site

Os skills são grátis, mas você precisa de uma ferramenta onde rodá-los. O Colorfigures traz instruções para o Claude Code e o Claude.ai; o Anatomy funciona também com Codex, OpenCode e outros agentes, segundo o README. Para o Claude Code você precisa de um plano do Claude que o inclua.

O que a comunidade já fez com estes skills

Cada um começou com uma pergunta e um skill. Abra-os antes de escrever seu prompt: eles dão uma ideia do que pedir e de até onde você pode chegar.

  • Explicar um produto físico com peças que se movem
  • Aulas em que o aluno aperta botões em vez de ler um parágrafo
  • Desmontar hardware: um motor, uma impressora 3D, uma placa
  • Um Arduino Uno R3 montado na bancada, com a porta USB, o reset e os pinos indicados.

    Robotics Bench

    Opus 5.5 e o skill Colorfigures, segundo o autor

    @0xMovezFeito com o Claude

  • Um drone de 5 polegadas montado na bancada, com a bateria, o controlador de voo, os ESC e os motores indicados.

    Drone Lab

    Opus 5.5 e Colorfigures, segundo o autor

    @0xMovezFeito com o Claude

  • Um sensor HC-SR04 numa protoboard medindo a distância até um bloco de madeira, com o emissor e o receptor indicados.

    Hardware Bench

    Opus 5.5 e Colorfigures, segundo o autor

    @zodchiiiFeito com o Claude

  • Um Falcon 9 montado na base, com as etapas indicadas.

    Launch Bench

    Opus 5.5 e Colorfigures, segundo o autor

    @LunarResearcherFeito com o Claude

  • A página inicial do Visual Learning com as primeiras máquinas: dois drones DJI e um par de óculos Vision Pro.

    Visual Learning

    O skill Anatomy no Claude Code, segundo o Article do autor

    @elvar_officialFeito com o Claude

Passo a passo

  1. 1

    Instale um dos dois skills

    Com os comandos acima. No Claude Code eles são chamados com /colorfigures ou /anatomy.

  2. 2

    Escolha a pergunta

    As melhores perguntas têm uma parte que se move e um número, como resume o @elvar_official no Article dele.

  3. 3

    Cole o prompt

    Troque o que está entre colchetes. Um objeto só, com visão por dentro e um rótulo em cada peça.

  4. 4

    Revise como crítico

    Aperte todos os botões e procure o que está errado: uma peça no lugar errado, um número que não fecha ou um passo que pula algo. Peça as correções uma por uma.

  5. 5

    Deixe quebrar

    Peça um modo para mudar valores e ver o que falha. Quem consegue quebrar a máquina entende o que cada número faz.

  6. 6

    Abra e compartilhe

    É um único arquivo HTML: você abre no navegador e pode mandar para quem quiser.

Cinco perguntas da trilha para começar

  • Como um servo sabe para qual ângulo ir?
  • Como um HC-SR04 mede distância?
  • Como uma ponte H muda o sentido de giro de um motor?
  • Como um MPU-6050 sabe que a placa inclinou?
  • Como um regulador buck baixa 12 V para 5 V?
Prompt (troque o que está entre colchetes)
/colorfigures explique como [um servo sabe para qual ângulo ir] para [alguém que nunca usou uma placa].

Antes de desenhar, pesquise como funciona de verdade [um servo de hobby SG90].
Quero um objeto só, interativo, com modo see-through e um rótulo em cada peça.
Um botão por passo, em ordem: [chega o sinal PWM, o circuito compara, o motor gira, o potenciômetro informa a posição].
Que os números na tela saiam do mesmo modelo que move as peças.
Embaixo da figura, uma ideia só numa linha.
Em inglês, às vezes os detalhes técnicos saem melhores
/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

Se usar o Anatomy, troque /colorfigures por /anatomy.

Erro comum

Pedir um tema em vez de um objeto. "Eletrônica" sai fraco; "como um servo SG90 sabe para qual ângulo ir" sai muito melhor. O @elvar_official explica no Article dele: se você pede "um micro-ondas", o agente desenha uma caixa com um prato; se pede para demonstrar a velocidade da luz com uma barra de chocolate, ele tem que desenhar a onda estacionária.

Ao terminar esta etapa você deveria conseguir

0 de 4

Seu avanço fica salvo neste navegador.