INSTALACIÓN DE BOB · El punto de partida del experimento.
UN EXPERIMENTO CON IBM BOB
Una idea.
Todo un
universo.
Empezamos con un prompt.
Terminamos explorando las estrellas.
Este es el viaje entre los dos.
＋
UNIVERSO 001Una idea en movimiento
DEL PROMPT A LAS ESTRELLASHTML · CSS · JAVASCRIPT
LA IDEA ES SOLO EL PRINCIPIO
No necesitás tener todas las respuestas.
Necesitás un buen primer prompt.
Un mapa de estrellas. Un editor con IA. Y una conversación que va de “¿y si…?” a “probalo vos”. Construir, mirar, ajustar. Volver a sorprenderse.
6prompts con Bob
5versiones para explorar
27estrellas al final del viaje
00 / ANTES DEL PRIMER PROMPT
Prepará el terreno.
Después, construí.
Así instalamos Bob.
Después, la conversación paso a paso.
ANTES DE CONSTRUIR / CONOCÉ A BOB
Ya lo instalaste.
Ahora, hacelo tuyo.
Dónde empezar, qué permitir
y cómo seguir lo que está haciendo.
01 UBICATE EN EL EDITOR
Hola, Bob.
A la derecha está el chat de IBM BOB; arriba, junto a la búsqueda del editor, aparece su icono con casco. Desde ahí podés abrir el panel y empezar a conversar. La pestaña de la izquierda es una guía de impresión del editor: no hace falta usarla para hablar con Bob.
Para qué sirve: tener la conversación al lado de los archivos mientras trabajás.
Cómo abrir el panel ↗02 EL LUGAR DE TRABAJO
Primero, una carpeta.
No Folder Opened significa que todavía no abriste un proyecto. Con Open Folder elegís la carpeta donde vas a trabajar; Clone Repository sirve si vas a traer un repositorio de Git.
Nuestro consejo: abrí una carpeta dedicada a la demo y pedile a Bob que confirme la ruta antes de crear archivos. Así sabés dónde buscar lo que hizo.
La pantalla avisa que abrir otra carpeta cierra los editores actuales. Guardá lo que tengas abierto antes de cambiar.
03 UNA CONVERSACIÓN NUEVA
New task: cambiamos de tema.
El botón New task inicia otra conversación. Sirve cuando terminaste un objetivo o querés empezar algo distinto. La charla anterior queda en el historial, pero su conversación no se usa como contexto de la nueva.
Para seguir mejorando la misma web: continuá en la charla actual. Si abrís otra, pasale la carpeta, los archivos y un resumen de lo que querés conservar.
Debajo también se ven “7 files changed”, “Show all” y “Undo all”: son controles de cambios, separados del botón para iniciar una tarea.
Tareas y contexto ↗04 TENÉ EL CONSUMO A MANO
¿Cuánto llevo usado?
Arriba a la derecha aparece el indicador con monedas: en esta captura dice 16% used, es decir, porcentaje usado. Abajo están Recent Tasks y See all, para volver a conversaciones anteriores.
Para consultar tus créditos: pasá el cursor sobre el indicador de uso. Para el detalle de consumo y presupuesto, abrí Bob Settings → General.
Los créditos se llaman Bobcoins. No confundas el porcentaje usado con créditos restantes: revisá el saldo y la cuenta activa en el detalle.
Dónde consultar los Bobcoins ↗05 VOS ELEGÍS LA AUTONOMÍA
Permissions: la puerta de entrada.
El botón Permissions, debajo del mensaje, abre los controles de aprobación automática. Elegís qué acciones pueden avanzar sin una consulta previa. Dejar una categoría sin marcar permite revisar sus pedidos cuando aparezcan.
Para arrancar: automatizá lo que entendés y dejá que Bob pregunte sobre el resto. Podés ajustar la selección a medida que conocés el proyecto.
06 UN PERMISO A LA VEZ
No todos los checks hacen lo mismo.
La captura muestra todas las categorías marcadas y Auto-approve encendido. Es la configuración de ese momento, no nuestra recomendación para empezar.
El menú aplica a esta tarea; los valores por defecto para nuevas tareas se configuran en Settings. El interruptor general apagado desactiva las autoaprobaciones aunque haya checks marcados.
Cómo leer la guía de abajo: “Podés activar” es nuestra sugerencia para una demo local. “Mejor que pregunte” te deja revisar el archivo, comando o herramienta antes de aprobar.
07 MIENTRAS BOB TRABAJA
Una pista de por dónde va.
La barra azul resume lo que está haciendo: en este caso, crear el atlas con buscador, movimiento y ficha. 6/8 indica seis puntos completados de una lista de ocho; no es una cuenta regresiva ni una estimación de tiempo.
Para qué sirve: ubicar el paso actual sin leer toda la conversación. El indicador de actividad junto al mensaje ayuda a reconocer que el trabajo sigue en curso.
08 EL PLAN DESPLEGADO
Qué hizo. Qué está haciendo. Qué falta.
La lista Todo List muestra el plan completo. Acá se ven seis pasos en verde, la creación del atlas resaltada y la verificación todavía pendiente. Podés comparar ese plan con lo que le pediste.
Ojo con la diferencia: un punto marcado registra el avance que Bob reporta. Para saber si probó la web de verdad, leé el detalle de la verificación y abrí el resultado.
09 EL TRABAJO, A LA VISTA
También podés ver qué está tocando.
Wrote file registra que escribió un archivo; Explored 5 searches y Searched files muestran búsquedas. Entre esas acciones Bob explica qué revisó y qué concluye. Es su registro de actividad y sus explicaciones, no una vista completa de su razonamiento interno.
Para qué sirve: seguir las rutas que modifica y entender sus comprobaciones. “4 files changed” resume archivos tocados; revisá los cambios y probá la web antes de darla por terminada.
10 SI TE VAS A OTRA VENTANA
Que te avise, si te sirve.
Este aviso corresponde a las notificaciones de macOS para IBM Bob: alertas, sonidos y globos en el icono. Es una preferencia del sistema, distinta de los permisos para leer, editar o ejecutar acciones.
Podés activarlas si querés enterarte de los avisos mientras estás en otra ventana. Mejor silenciarlas o esconder sus previsualizaciones si compartís pantalla, grabás una demo o no querés interrupciones.
Ya conocés los controles. Ahora sí, construyamos algo.Ver los seis prompts ↓
01 / LA BITÁCORA
De “haceme una web”
a “mirá lo que hicimos”.
Seis prompts: reglas y cinco versiones.
Del primer acuerdo a Órbita, paso a paso.
6 prompts · 24 capturas reales · 5 versiones de la web. Bajá para seguir la conversación, leer qué respondió Bob y probar cada versión.
Mostramos dos tipos de permiso al principio; desde el prompt 3 omitimos esas capturas para no repetirlas. Los mensajes se conservan tal como se enviaron: el alcance fue cambiando durante la conversación hasta llegar a estos seis pasos.
EL PROMPT INICIAL01 / 06
LA CONVERSACIÓN CON BOB
✳ VOS → BOB
Leer prompt completo ＋
DESPUÉS DE LOS SEIS PROMPTS / EL ACABADO FINAL
La idea ya funciona.
Ahora, que se sienta increíble.
Más detalle. Más atmósfera.
El Órbita completo.
El recorrido muestra cómo fue creciendo la web con Bob. El resultado final suma una capa más de diseño y pulido: una galaxia que ocupa la pantalla, paneles flotantes y una experiencia más inmersiva. Para que la demo no se vuelva eterna, resumimos acá esa parte en lugar de mostrar cada ajuste.
ÓRBITA / RESULTADO FINALAbrir el universo completo ↗
IDEAS DE PROMPTS PARA ESE PULIDO
Pedidos que podés usar para trabajar el acabado visual y la interacción.
01 / ATMÓSFERAQue se sienta como un universo.
“Llevá la galaxia a toda la pantalla. Sumá profundidad con partículas de distintos tamaños, un centro luminoso y movimiento suave. Conservá Atlas y Galaxia, la pausa y la preferencia de movimiento reducido.”
02 / DISEÑOMenos ruido, más espacio.
“Refiná Órbita con paneles flotantes translúcidos, acentos violeta y cian, mejor jerarquía tipográfica y controles discretos. Dale aire al mapa y hacé que la búsqueda y las fichas sean fáciles de encontrar.”
03 / EXPERIENCIAQue explorar sea un placer.
“Pulí la selección de estrellas, el centrado, el zoom y el viaje guiado. Revisá teclado y celular: que el buscador y la ficha se puedan cerrar, que nada tape los controles y que siempre sea fácil volver a explorar.”
02 / LO QUE APRENDIMOS
El truco no es pedir más.
Es conversar mejor.
Un método que podés llevarte
a tu próximo proyecto.
Contale el para qué.
La audiencia, el objetivo, los archivos. Un buen punto de partida vale más que diez correcciones.
Empezá pequeño.
Primero una versión que funcione. Después el buscador, las animaciones y todo lo que la hace tuya.
Pedí un plan.
Entendé qué va a cambiar antes de aprobar. Leé el diff y mirá el resultado en el navegador.
Mostrá qué pasa.
Probá cada versión. Contá qué ves, qué esperabas y qué querés cambiar en la próxima ruta.
Tu próximo proyecto empieza acá.Copiar una plantilla de prompt ↗
Quiero construir [idea] para [audiencia]. El objetivo es [resultado concreto]. Trabajá en esta carpeta y leé [archivos] como contexto. Primera entrega: [3 funciones esenciales]. Dejemos [mejoras] para después. Estilo visual: [referencias y tono]. Restricciones: [tecnología y límites]. Primero explicá tu plan. Después implementá y probá [comportamientos]. Al terminar, resumí los cambios y las pruebas que realmente ejecutaste.
03 / TU TURNO
Hay un universo
esperándote.
Elegí una estrella. Cambiá la perspectiva.
Dejá que la curiosidad haga el resto.
DETRÁS DE ESCENA
El recorrido, a mano.
Sobre esta demo y sus versiones
Los seis prompts incluyen 24 capturas reales de la conversación. Las cinco webs son copias sin cambios de los archivos entregados por Bob y se pueden abrir por separado. La presentación reúne ese material para recorrerlo paso a paso. Órbita final conserva el explorador pulido con mejoras adicionales; las ideas de prompts de ese cierre son sugerencias para reproducir el acabado, no capturas de mensajes enviados. Las capturas muestran momentos seleccionados, no cada acción ni cada solicitud de permiso.
El material histórico se conserva en el proyecto. El mapa, las conexiones y las partículas son ilustrativos. Los datos de divulgación requieren validación independiente. Demo no oficial.