cover

Mis 7 Hacks para Claude Code


Mira el video:

Mis 7 Hacks para Claude Code

Pausado

0:006:03

Claude Code es una herramienta poderosa para desarrolladores, pero muchos usuarios apenas rascan la superficie de sus capacidades. Aquí te comparto 7 técnicas esenciales que transformarán tu flujo de trabajo.

1. Comando /init: Tu Punto de Partida Perfecto

El comando /init es tu mejor aliado para comenzar proyectos desde cero. En lugar de explicar manualmente qué quieres construir, simplemente escribe:

/init Aplicación web de tareas con React y TypeScript

Claude analizará tu solicitud y creará una estructura de proyecto completa con archivos base, configuraciones y dependencias. Es como tener un arquitecto de software que prepara todo el andamiaje inicial.

También puede ejecutar este comando en proyectos ya iniciados para que Claude pueda entenderlo y comenzar a trabajar, además de crear la memoria del proyecto si aún no existe (claude.md) así el siguiente hack podrá almacenar tus "memories".

2. Memories (#): Contexto Persistente

Las memories te permiten mantener información importante disponible en todas tus conversaciones. Usa el símbolo # seguido de un nombre para crear referencias reutilizables:

#proyecto-config: Este es un proyecto React Router con TypeScript, Tailwind CSS, Motion y Prisma, no usamos imports de Remix ni de framer-motion.

También puedes usar /memory para editar directamente tu archivo CLAUDE.md:

/memory

# Añade en el editor que se abre:
## Configuración del Proyecto
- Framework: React Router v7
- Styling: Tailwind CSS
- Base de datos: MongoDB con Prisma
- Nunca usar imports de Remix

Ahora Claude recordará esta configuración en futuras interacciones, evitando repetir contexto una y otra vez. Las memories se guardan en CLAUDE.md y persisten entre sesiones. Así, el código que te generará será siempre correcto. ✅

3. Imágenes como Documentación Instantánea

¿Tienes un mockup, diagrama o captura de pantalla? Simplemente arrastra la imagen al chat. Claude puede:

  • Convertir mockups en código HTML/CSS
  • Analizar diagramas de arquitectura
  • Interpretar capturas de errores
  • Generar código basado en interfaces visuales

Esta funcionalidad elimina la necesidad de describir textualmente elementos visuales complejos.

Mi hack personal, es colocar las imagenes en la raíz del proyecto y decirle a claude cómo se llama, así la encuentra él mismo. 🤓

4. Contexto de Archivos con @

El símbolo @ te permite referenciar archivos específicos de tu proyecto:

@components/Button.tsx necesita ser refactorizado para usar Tailwind

Claude cargará automáticamente el contenido del archivo y trabajará con él. También puedes usar @/folder para incluir carpetas completas en el contexto. 😎

5. Pensamiento Estratégico: Planifica Antes de Código

Usa palabras clave de pensamiento extendido para obtener planes detallados antes de implementar:

think harder: Crear un sistema de autenticación con JWT

Claude activará su modo de pensamiento profundo y generará un plan que incluye:

  • Estructura de archivos necesaria
  • Dependencias requeridas
  • Orden de implementación
  • Consideraciones de seguridad

El proceso de pensamiento aparece en texto gris cursivo antes de la respuesta, mostrándote el análisis completo.

👀 Puedes usar shift + tab para cambiar entre modo plan y edición.

Yo le ví la enorme ventaja de trabajar así con Kiro, sin embargo, Claude Code es 10x más rápido y conciso. 🧠

6. Extended Thinking: Niveles de Análisis Profundo

Claude ofrece diferentes niveles de pensamiento según la complejidad del problema. Los comandos van de menor a mayor intensidad:

  • think: Análisis básico del problema
  • think hard: Análisis más detallado con consideraciones adicionales
  • think harder: Exploración profunda de alternativas y implicaciones
  • ultrathink: Análisis exhaustivo con múltiples perspectivas (máximo presupuesto computacional)
ultrathink: ¿Cuál es la mejor arquitectura para una app de chat en tiempo real?

Cada nivel asigna progresivamente más presupuesto de pensamiento para que Claude pueda evaluar alternativas más exhaustivamente. Usa think para respuestas rápidas, think hard para problemas complejos, y ultrathink cuando necesites explorar todas las posibilidades antes de tomar decisiones arquitectónicas críticas.

La diferencia es notable: mientras think te da una respuesta directa, ultrathink puede analizar múltiples enfoques, comparar tecnologías y considerar factores que no habías pensado. El proceso aparece en texto gris cursivo.

7. Custom Commands y /review: ¡Automatiza!

Claude incluye el comando /review para revisar tu código automáticamente:

/review
# Claude analizará tu código en busca de bugs, problemas de rendimiento y mejoras

Además, puedes crear comandos personalizados en .claude/commands/ o ~/.claude/commands/:

# Archivo: .claude/commands/test-gen
Genera tests unitarios para @$ARGUMENTS

# Archivo: .claude/commands/docs
Crea documentación técnica para esta función

# Archivo: .claude/commands/deploy-check
Verifica que el código esté listo para producción

Estos comandos personalizados aceleran tareas comunes y mantienen consistencia en tu trabajo. Los comandos soportan argumentos con $ARGUMENTS y pueden referenciar archivos con @.

Bonus: Extraer Tu Lista de Tareas

Claude puede generar automáticamente listas de tareas basadas en tu conversación. Al final de una sesión de trabajo, pregunta:

Genera una lista de tareas pendientes basada en nuestra conversación

Obtendrás una lista organizada con:

  • Tareas completadas ✅
  • Tareas pendientes 📋
  • Próximos pasos recomendados 🎯
  • Dependencias y bloqueos ⚠️

Conclusión

Estos hacks transformarán tu productividad con Claude Code. La clave está en combinarlos: usa /init para comenzar, #memories para mantener contexto, @ para trabajar con archivos específicos, y los comandos personalizados para automatizar tu flujo.

Empieza implementando uno o dos hacks y gradualmente incorpora el resto. Guarda este post como referencia y suscríbete para que no te pierdas todo lo nuevo. Tu yo del futuro te lo agradecerá.

Abrazo. Bliss. 🤓

meta cover

Te demuestro cómo programo con Claude Code

Checa este otro Post

meta cover

Cómo hacer una investigación inteligente con Github CLI

Checa este otro Post

¡Nuevo curso!

Animaciones web con React + Motion 🧙🏻