Ir al contenido

Construye una app con el agente de IA

Pyzed Design trae un agente de IA. Describe una app con palabras normales y el agente planifica el trabajo, crea el proyecto, dibuja los formularios, escribe el Python, mira el resultado, lo ejecuta y corrige lo que falla, con el mismo editor que usas tú. Tú sigues al mando: cada cambio se puede deshacer o rechazar con un clic.

Objetivo Tiempo Nivel Necesitas
Un registro de gastos construido a partir de una descripción y mejorado a mano 30 minutos Avanzado · no hace falta código Pyzed Design y un modelo de IA (Claude, o cualquier proveedor de la lista)
  • Abrir el Panel del agente y conectar un modelo.
  • Escribir un pedido que dé un buen resultado a la primera.
  • Seguir el plan del agente y conservar o rechazar sus cambios.
  • Señalar cosas con @ (un control, el formulario, un archivo) y usar comandos /.
  • Seguir mejorando la app a mano, con el agente al lado.
  1. Abre el panel. En Pyzed Design pulsa Ctrl+Alt+A (o Ver → Panel del agente). La primera vez te pide conectar un modelo: haz clic en un proveedor para iniciar sesión con el navegador, o en Todos los proveedores… para el resto. Si instalaste Pyzed con pip, añade antes los extras del agente:

    Windows, macOS y Linux
    uv tool install "pyzed-ui[designer,agents]"
    Una conversación vacía del agente: solo el editor de mensajes
    El Panel del agente, listo para un pedido.
  2. Pide la app. Escribe /app y descríbela. Di para qué es, qué hay en pantalla y qué debe pasar; deja el “cómo” al agente:

    Crea una app para registrar mis gastos. Un formulario con fecha, importe, un desplegable de categoría (Comida, Transporte, Casa, Ocio) y una nota. Guardar añade el gasto a una tabla debajo y a un archivo JSON junto a la app. Muestra arriba el total del mes y valida que el importe sea un número positivo.

  3. Sigue el plan. El agente escribe una tarjeta Plan encima de la caja de mensajes y va marcando los pasos: crear el proyecto, añadir dependencias, dibujar los formularios, conectar los eventos, escribir los manejadores, tomar una captura de cada formulario, hacer comprobaciones y, al final, ejecutar la app. Cada herramienta que usa es una línea de la conversación; haz clic en una para ver qué hizo.

    El agente construyendo un formulario, con su plan y sus llamadas a herramientas
    El agente trabaja en el mismo editor: formularios, código y proyecto se actualizan mientras avanza.
  4. Revisa. Cuando termine, ejecuta la app con F5 y pruébala. La barra Cambios del agente ofrece Rechazar (deja cada archivo que tocó como estaba) o Conservar. Ctrl+Z sigue deshaciendo un cambio cada vez.

  5. Mejórala señalando cosas. Selecciona un control y pregunta por esto, o escribe @ para adjuntar el formulario, su código, un control o un archivo:

    @amount debería aceptar la coma como separador decimal, y la tabla debería mostrar primero el gasto más nuevo.

    Eligiendo qué adjuntar con @
    @ añade contexto: la selección, el formulario, su código, un control, un archivo o una captura.
  6. Pule con comandos. /tidy alinea los controles e iguala los márgenes, /look toma una captura del formulario y mejora su diseño, /fix revisa el código y corrige lo que encuentra, /explain te explica el formulario y sus manejadores.

  7. Toma el control. Es tu proyecto: abre los archivos, cambia el diseño a mano, escribe código. El agente lee lo que cambiaste en el siguiente mensaje, así que puedes alternar entre hacerlo tú y pedirlo.

  • Agentes de IA en el manual del diseñador: proveedores, servidores MCP, agentes externos e imágenes.
  • La sección IA: el servidor MCP y llms.txt para agentes fuera del editor (Claude Code, Cursor…).
  • Empaqueta tu app cuando esté lista.