La semana pasada, Firebase Studio subió de nivel. Google ha hecho oficial lo que veníamos viendo venir: un entorno de desarrollo donde los agentes autónomos piensan, proponen y ejecutan código real, mientras tú decides cuánto control quieres tener.
En Sombra Radio lo estamos probando en serio, y vamos a invertirle horas. Pero antes de mostrarte nuestros resultados, te explicamos cómo funciona este release con detalle.
⚙️ ¿Qué es el modo “Agent” y por qué es revolucionario?
En este release, Firebase Studio añade un modo de agente autónomo que trabaja directamente sobre tus archivos de proyecto.
Hay 3 modos de interacción disponibles:
| Modo | Qué hace |
|---|---|
ask | Conversa contigo. Solo sugiere, no escribe. |
agent | Escribe y modifica código, pero tú apruebas cada acción antes de aplicarla. |
agent (auto-run) | El agente ejecuta sus planes directamente. Solo te pedirá permiso para acciones destructivas. |
Esto significa que puedes usar la IA como si fuera un copiloto, un asistente, o directamente un desarrollador autónomo, todo en la misma interfaz.
🗂️ Así funciona la edición de archivos: lectura, escritura, archivado
🔍 Lectura y comprensión
- El agente lee todos los archivos relevantes del proyecto para construir un modelo mental.
- Usa esto para generar un “plan de acción” antes de tocar nada.
- También analiza dependencias y estructura, no solo contenido plano.
✍️ Escritura: paso a paso
Cuando el agente actúa (en modo agent o auto-run):
- Genera una lista de tareas (por ejemplo: “crear archivo
LoginForm.tsx, modificarApp.tsx, actualizarroutes.js”). - Te muestra el plan antes de aplicarlo (modo
agent) o lo ejecuta directamente (modoauto-run). - Puedes aceptar cambios uno por uno, o hacer “Approve All”.
📦 Archivado inteligente
- Antes de sobrescribir un archivo, Firebase Studio archiva la versión actual (como backup interno).
- Puedes desarchivar cualquier archivo desde el panel de historial.
- Incluso puedes ver los diffs entre versiones previas, estilo Git.
Esto te permite trabajar con confianza total, sabiendo que puedes deshacer cualquier decisión del agente en segundos.
🧠 ¿Y cómo “piensa” el agente?
Este agente está basado en Gemini 2.5, lo cual le permite:
- Recordar el contexto completo de tu app
- Entender estilos, convenciones y estructuras personalizadas
- Generar múltiples versiones de código si se lo pides (“alternativas”)
- Incorporar reglas que tú defines en archivos
.GEMINI.md,.airules.md, etc. → ideales para mantener estándares de tu equipo
🧪 Flujo real: desde idea a implementación
Ejemplo de uso real (como lo haremos en Sombra):
- En modo
ask: “Quiero una página que liste las herramientas IA que hemos publicado en nuestro blog.” - El agente sugiere una estructura y qué archivos tocar.
- En modo
agent: genera los componentes React, crea la ruta y actualiza el layout. - Apruebo cambios.
- Si algo sale mal, desarchivo la versión anterior.
- Luego, paso a
auto-runpara tareas rutinarias: crear tests, añadir CSS, refactorizar funciones comunes.
💥 ¿Qué más viene incluido?
- Integración con Gemini CLI (pronto desde el terminal)
- Soporte para Model Context Protocol (MCP): permitirá conectar tu agente a Firestore, APIs, etc.
- Flujo de prototipado visual con generación de blueprint y preview.
- Posibilidad de generar y editar imágenes, funciones, textos o layouts desde prompts multimodales (imagen + texto)
🧭 Próximo paso: lo probamos en serio
Esta semana vamos a dedicar horas reales a Firebase Studio Agent.
Queremos ver hasta dónde puede llegar sin intervención humana. También lo vamos a comparar con Replit Agents, Vercel v0 y algunas versiones locales.
Y por supuesto, lo contaremos todo, con ejemplo incluido, en SombraRadio.com 🛰️
