Para empezar

Cómo pedir

Qué escribir para obtener la aplicación que tenías en mente: nombrar las partes, cambiar una cosa cada vez, señalar lo que quieres decir y las reglas que una aplicación siempre sigue.

No tienes que escribir bien para que Setherion construya algo. Lo que sí tienes que hacer es ser claro sobre lo que quieres, y más claro aún sobre lo que quieres cambiar.

Todo lo que sigue es un hábito que conviene tener, no una regla. Nada de esto es obligatorio, y una frase sencilla funciona.

Di qué es y para quién es

La primera frase decide qué se construye. Se lee buscando tres cosas: qué tipo de cosa es, de qué trata y qué debe tener.

En lugar deEscribe
Un sitio webUn sitio web para una clínica dental de Manchester, con los tratamientos, los precios y un formulario de citas
Una aplicación para mi negocioUna herramienta donde mi personal registra las reparaciones que termina, con una lista que puedo filtrar por día
Una tiendaUna tienda que vende velas artesanales, con una cesta y pago con tarjeta
Algo bonito para mi bandaUna página para una banda de rock, con los próximos conciertos, una galería de fotos y un enlace a Spotify

La línea de encima del cuadro, con Website, Web App, Mobile App, Landing Page, 3D Game y SaaS, hace el mismo trabajo con una sola pulsación. Úsala cuando tu frase podría significar dos de ellos. «Un sitio web para un centro médico» puede ser un sitio para sus pacientes o la pantalla donde trabaja su personal, y esa marca lo aclara.

Nombra las partes que quieres

Es más fácil pedir una aplicación como una lista de partes que como una idea. Todo lo que nombras se construye. Todo lo que dejas fuera se adivina, y la suposición suele ser razonable, pero sigue siendo una suposición.

text
A landing page for a coffee shop, with the menu, the opening hours,
photos of the place, a map, and a form for table reservations

No necesitas describir cómo se ve cada parte. «Una galería» basta; «una galería con tres columnas en un ordenador y una en un teléfono» es lo que ya ocurre.

Cambia una cosa cada vez

Un cambio se entiende respecto a la aplicación tal como está ahora, así que puede ser corto. «Haz el encabezado oscuro» es una petición completa.

Varios cambios sin relación en un mismo mensaje son más difíciles de acertar que los mismos cambios enviados uno tras otro, y cuando algo sale mal no puedes saber qué parte lo causó. Envíalos por separado.

En lugar de un mensaje que lleve todo:

text
Make the header dark, add a reservation button, change the font,
add a gallery and translate it into German

envía tres, y mira la aplicación entre ellos:

text
Make the header dark
Add a Reserve a table button in the header
Add a photo gallery under the menu

Pide lo que quieres, no lo que no quieres. «Los precios deberían ser más fáciles de leer» deja abierto el cómo, que es lo que quieres cuando no estás seguro de qué falla. «Pon en negrita la columna de precios» es lo que quieres cuando sí lo estás.

Señala lo que quieres decir

Palabras como «ese botón» no significan nada por sí solas, y hay una forma más rápida que describir dónde está.

  • Edit en la vista previa: haz clic en una palabra o en una imagen y cámbiala directamente, sin necesidad de pedirlo.
  • El cuadro de encima de la vista previa nombra la sección que estás viendo, y te lleva a cualquier otra. El nombre de una sección en tu petición indica que hablas de esa parte.
  • En el código, selecciona unas líneas y envíalas con tu mensaje. Llegan adjuntas a él, así que «esto hace lo incorrecto cuando la lista está vacía» basta.
  • Con el código junto a la vista previa (Split view), activa el puntero y haz clic en cualquier cosa de la vista previa: el archivo se abre en la línea que lo genera, listo para adjuntar. Consulta Código.
  • En una imagen de la vista Code, Draw la marca en rojo para mostrar lo que quieres decir, y Add to chat la envía con tu siguiente mensaje.

Enseña lo que quieres decir

El + junto al cuadro admite una imagen o un documento, y más.

  • Upload a file. Una captura de pantalla o una foto de un diseño: la aplicación se construye para que se le parezca. Un menú, una lista de precios, un catálogo como archivo PDF, Word, de texto, Markdown, CSV o JSON: lo que contiene acaba en la aplicación, en lugar de inventarse. Haz clic después en la miniatura para ver qué hizo el constructor con él.
  • Import from Figma, para un diseño que ya tienes: la aplicación se construye a partir de uno de sus marcos. Import from Canva trae las páginas de un diseño como imágenes para colocarlas en la aplicación.
  • Import an app hecha en otro sitio, desde Lovable, Bolt, v0, Base44, GitHub, un ZIP o una hoja de cálculo: Setherion la construye de nuevo aquí. Esta opción está en el dashboard. Consulta Importa una aplicación.
  • Connectors: los servicios que esta aplicación puede usar, como pagos o correo. Skills: cosas que integrar en ella, como el inicio de sesión o las reservas. Consulta Conectores y Skills.
  • Connect your repo, bajo GitHub project en el dashboard: inicia sesión en GitHub una vez y luego sube el código desde el editor, en un plan de pago.

En el editor el menú es un poco distinto: Upload file, Media AI (una imagen o un vídeo, creados y colocados en la aplicación: consulta Herramientas de medios y diseño), Design (Figma y Canva), Connectors y Skills.

Dilo en lugar de escribirlo

El micrófono junto al botón Build recoge lo que dices. Tus palabras aparecen en el cuadro mientras hablas, y lo pulsas de nuevo para parar. Léelo, cámbialo si quieres y envíalo. Funciona en el idioma del propio navegador. Consulta Build, Chat y Plan.

Enseñar suele ser más rápido que describir un aspecto con palabras, y es la única forma de llevar tu propio contenido a la primera construcción.

Escribe en tu idioma

Escribe como hablas. Setherion detecta en qué idioma está tu petición, y la aplicación sale en ese idioma: sus botones, sus títulos, las palabras de sus páginas.

Se reconocen el rumano, el inglés, el español, el francés, el alemán, el italiano, el portugués, el neerlandés, el polaco, y todo lo escrito en letras chinas, japonesas, coreanas, rusas, árabes, hebreas o griegas. Si quieres una aplicación en un idioma distinto del que estás escribiendo, dilo: «en inglés» al final de la petición basta.

Reglas que la aplicación siempre sigue

Hay cosas que no deberías tener que repetir. En el editor, AI Controls está al pie de la lista de modelos: pulsa el botón del modelo junto al cuadro, el que dice Auto. Contiene dos:

  • Custom instructions: reglas que se siguen en cada construcción y en cada cambio de esta aplicación. «Mantén el tema oscuro», «nunca uses naranja», «todos los precios en libras», «escribe el texto con un tono formal».
  • Freeze Files: archivos que nada puede tocar. Congela la página que has dejado exactamente como quieres, y el siguiente cambio no podrá deshacerla.

Consulta Controles de IA para ambos.

Cuando no estás seguro de lo que quieres

Hay dos modos para exactamente eso.

  • Plan, detrás del botón Build en el dashboard y en el editor, te hace unas preguntas rápidas y te muestra un mapa de la aplicación antes de escribir un solo archivo. Merece la pena para cualquier cosa que no hayas pensado del todo. Alt+P cambia al siguiente modo sin abrir el menú.
  • Chat, en el editor, habla de la aplicación y nunca toca tu código. Pregunta «¿qué añadirías a esta página?» o «¿por qué está el formulario al final?» y no pasa nada en la aplicación.

Cuando algo sale mal

Di qué está mal, no solo que está mal. «El formulario no envía» es un aviso; «el formulario dice que se envió pero no llega nada» es algo que se puede arreglar.

Si un cambio empeoró las cosas, dilo también. «Deja el menú como estaba antes de ese cambio» se entiende.

¿Te ha sido útil esta página?

Únete a la comunidad

Preguntas, ideas y lo que otros están construyendo.