Construye con Studio
Vista previa, cambios, contexto del navegador y tu agente.
Todo cerca del proyecto
Studio reúne la vista previa local, la conversación con tu agente y herramientas de edición. Puedes abrirlo dentro de Yard o en una ventana separada desde Settings → AI & Models.
Modo Design
Abre la pestaña Design de Studio y selecciona un elemento en la vista previa. Ajusta texto, color, tamaño y espaciado en el inspector. Los cambios son una previsualización: pulsa Review AI request para preparar el mensaje y revísalo antes de enviarlo al agente para editar los archivos.
Conecta tu herramienta
Configura tu proveedor y modelo antes de iniciar una conversación. Las cuentas de los proveedores y su consumo se gestionan por separado. Studio es opcional: los sitios y servicios locales funcionan sin él.
yard studio
Aporta contexto
Desde la vista previa puedes adjuntar errores del navegador y anotaciones visuales. En Studio nativo el contexto puede incluir píxeles; en navegadores externos se adjunta un mapa de elementos y dibujos identificado como tal. Revisa qué se envía al agente.
Revisa antes de publicar
La vista Changes permite revisar archivos y diffs. El flujo Commit and Push solicita una revisión explícita de los cambios. Studio comprueba los scripts de pruebas detectados antes de su commit automático de fin de turno; si fallan, conserva el trabajo sin ese commit.
Editor y comandos
El editor integrado está pensado para cambios rápidos y ofrece completado léxico. No sustituye el análisis semántico de un IDE. El panel de comandos ejecuta órdenes no interactivas: para una shell interactiva, un REPL o programas de pantalla completa, abre Terminal externo desde el proyecto.
Delega una tarea
Delegate to Agents… prepara una tarea con objetivo y criterios. Work in Studio permite retomar un trabajo del tablero. Las transferencias conservan la identidad de la tarea y sus cambios; revisa la propuesta antes de continuar.