RunWhale
Volver al inicio

Guía

Empieza con RunWhale

Configura el modelo, abre un proyecto real, pide un cambio al agente y prueba el resultado en tu teléfono.

Última actualización:

Antes de tu primera petición

RunWhale mantiene el entorno en tu teléfono y usa el proveedor configurado para la inferencia. Estas tres comprobaciones facilitan el primer uso.

Prepara una clave API del modelo

Usa una clave de tu proveedor elegido. Guárdala solo en Ajustes de RunWhale, nunca en un proyecto o petición.

Conéctate para trabajar con el agente

La inferencia necesita red. Las operaciones de red de Git y las dependencias sin caché también pueden necesitarla.

Empieza con un proyecto compatible

Elige una plantilla Web o Expo integrada, o importa un repositorio compatible con una entrada válida de RunWhale Preview.

De la configuración a un resultado probado

Tras configurar el modelo, sigue Baby game: crea un proyecto Expo, pide un juego, aprueba la edición y prueba Animal Parade en la vista previa nativa.

  1. Ajustes → Modelos · Guardar de forma segura

    Configura un proveedor y un modelo

    Abre Ajustes → Modelos, elige el proveedor y modelo, pega su clave API y pulsa Guardar de forma segura.

    La clave permanece en el almacenamiento seguro del dispositivo. La inferencia usa el proveedor seleccionado; el dispositivo debe estar conectado al enviar una petición.

  2. Nuevo proyecto · Web / Expo

    Crea un proyecto o importa un repositorio

    Pulsa Nuevo proyecto, ponle un nombre y elige Web para una web React con vista previa Web, o Expo para una app con vista previa nativa.

    En esta demostración, escribe Baby game, selecciona Expo, deja vacío el repositorio opcional y pulsa Crear y abrir agente.

    Para continuar un código existente, introduce un repositorio Git compatible. Su archivo runwhale.json determina el destino de vista previa.

  3. Agente

    Describe un resultado concreto

    Explica qué quieres crear o cambiar, indica el comportamiento esperado y pide las comprobaciones admitidas que sean relevantes.

    La petición completa de esta demo es «Make a game for baby». El agente diseña un juego con controles grandes, respuestas amables y seis tarjetas de animales.

  4. Revisión · Permitir una vez · Actividad

    Sigue el trabajo y revisa el resultado

    En modo Revisión, RunWhale pide permiso antes de escribir index.tsx. Pulsa Permitir una vez y sigue la escritura y las comprobaciones en la misma sesión.

    El agente ejecuta diagnósticos de TypeScript y un diff de Git. Informa de dependencias sin resolver en el entorno nuevo y pasa a la vista previa nativa para comprobar la app en ejecución.

  5. Ejecutar / Recargar · Vista previa

    Ejecuta el mismo proyecto en la vista previa

    En el vídeo, el agente abre directamente la vista previa nativa. También puedes pulsar el icono Ejecutar / Recargar al terminar un turno. Los proyectos Web usan la vista previa Web; los Expo compatibles, la nativa.

    Prueba las interacciones, no solo la primera pantalla. Si aparece un diagnóstico, vuelve al proyecto y usa el mensaje exacto para pedir la corrección.

  6. Vista previa nativa · Animal Parade

    Toca los animales y comprueba la respuesta

    Animal Parade muestra «Can you find the Dog?» sobre seis tarjetas: perro, gato, vaca, pollito, rana y león. Tócalas y observa cómo cambian la pregunta y la respuesta.

    La demo muestra «Yay!», «Great job!» y «You found it!» antes de la siguiente pregunta. Para hacer otro cambio, vuelve a la misma sesión guardada del agente.

Recorrido completo

Mira el proceso de la petición a la vista previa

En unos 2 minutos y 12 segundos, este vídeo sin sonido recorre la creación de Baby game, la petición, la aprobación de escritura, las comprobaciones y el uso de Animal Parade en la vista previa nativa.

Las seis capturas proceden del vídeo anterior y conservan la interfaz original en inglés. RunWhale Community Edition es gratuita y de código abierto. El proveedor de IA puede cobrar por su uso.

Animal Parade · Demostración completa · Unos 2 min 12 s · Sin sonido

Sigue aprendiendo