Cómo usa Claude Code un desarrollador de Builder.io (+ mejores tips)

Steve Swell de Builder.io, antes un power user de Cursor y muy popular por su artículo How I use Cursor (+ my best tips), esta vez publicó un buen post con tips sobre Claude Code, así que lo comparto traducido y resumido. (El post del blog incluye videos de referencia y snippets de código)

• Úsalo integrado en el IDE. Aun así, ahora yo solo uso Cursor para el autocompletado con CMD+K y el autocompletado con Tab. El modo agente de Cursor lo uso solo cuando Claude Code no funciona.
• Antes la ventana del editor de código era más grande y el agente estaba al lado. Hoy en día la ventana de Claude Code es más grande.
• En Builder.io hay un componente único de React de 18,000 líneas. No había ninguna IA que pudiera manejarlo bien, pero Claude Code sí pudo.
• Uso el plan de $100 y normalmente solo uso Opus. Para la mayoría de las personas, la configuración predeterminada (50% Opus, y cuando se acaba usa Sonnet) será suficiente. Para usarlo bien, siempre ejecuta /clear antes de empezar una tarea nueva.
• La bandera para darle permisos a Claude Code (claude --dangerously-skip-permissions) no es tan peligrosa como parece, así que vale la pena asumir el riesgo y probarla.
• La integración con GitHub (/install-github-app) para que revise PRs es más útil de lo que parece. También encuentra bien errores de lógica y problemas de seguridad. Pero el prompt de revisión predeterminado no es muy bueno, así que modifícalo en claude-code-review.yml.
• También está muy bien poder agregar memoria rápidamente con #. Lo guarda por su cuenta en el archivo de memoria más adecuado.
• El sistema de cola está bueno. Si mientras trabajas recuerdas algo que se te había pasado, solo agrégalo uno por uno y lo resuelve bien por su cuenta. Si necesita feedback a mitad del proceso, también está bien que te vuelva a preguntar en vez de hacer cambios a ciegas.
• Mientras mejor configures los hooks personalizados, los slash commands y la configuración por proyecto, más cómodo se vuelve, y si se lo pides a Claude Code él mismo te ayuda a hacerlo todo.
• También está muy bien que en los comandos personalizados puedas usar $ARGUMENTS. También funcionan las subcarpetas. Si escribes /buider/plugin, va a buscar plugin.md dentro de la carpeta builder.
• Si agregas la extensión de Builder.io al IDE, puedes tener una interfaz de chat que funciona como Claude Code, además de preview de diseño y edición visual. Hicieron la interfaz lo más parecida posible a Claude Code a partir de ingeniería inversa.
• Otras cosas que alguien que recién empieza podría no conocer
  • Shift + Enter no inserta una nueva línea, pero se soluciona con /terminal-setup.
  • Cuando lo tienes integrado en el IDE, si arrastras un archivo normalmente no se referencia. (Si lo haces así, el IDE solo abre ese archivo). Arrástralo mientras mantienes presionada la tecla Shift.
  • Para detener Claude no debes usar CTRL+C sino Esc.
  • Las imágenes del portapapeles (también en Mac) se pegan con CTRL+V, no con CMD+V.
  • Si presionas la flecha arriba, puedes volver al chat anterior (aunque la sesión ya haya terminado). Si presionas Esc dos veces, puedes ver todos los mensajes.