Docs de ChanTan StudioCómo construir tu primera app en ChanTan Studio
Describe tu idea, pulsa Generar y mira aparecer un sitio web real en 2 a 4 minutos. Guía completa para principiantes de tu primera construcción en ChanTan Studio.
Tu primera construcción crea un proyecto entero desde cero. Toma unos 2 a 4 minutos y arranca sola — no hay ningún botón que pulsar después de Generar.
Antes de empezar: crear un proyecto es gratis. Los créditos los gasta la construcción que corre después.
1. Pon tu idea en el cuadro
En tu panel, el cuadro grande dice «Habla o escribe — describe tu app y la construimos...»
Escribe lo que quieres en palabras normales. «Una página para Estudio Andino, un estudio de yoga y fitness en Ciudad de México, con horarios de clases, reserva de cupos y planes mensuales.» El cuadro crece a medida que escribes.
¿Prefieres hablar? Pulsa el micrófono azul redondo de la esquina superior derecha del cuadro («Toca para hablar»). Tu navegador te pide permiso una sola vez. Tienes «Pausar», «Cancelar» y «Listo — transcribir», y tus palabras aparecen en el cuadro en tu propio idioma.
Nada se envía solo — siempre lo lees tú primero.
¿No sabes por dónde empezar? Pulsa «Llámanos» junto a «¿No sabes por dónde empezar? Habla con una IA de ChanTan» para tener una conversación hablada de verdad con un asistente, que después redacta la solicitud por ti.
ℹ️ Las descripciones muy largas no son problema. Pasados unos 45.000 caracteres verás «📎 Brief largo: se adjuntará automáticamente como archivo». Nunca te bloquea — ChanTan convierte el texto largo en documentos adjuntos y los lee todos.
2. Elige un constructor (opcional)
La fila de chips que está bajo el cuadro te deja elegir qué constructor de ChanTan hace el trabajo.
| Constructor | Pista de costo | Elígelo cuando |
|---|---|---|
| «Chantan Pro» (elegido por ti por defecto) | $ |
Trabajo del día a día. Empieza aquí. |
| «Chantan Pro Max» | $$ |
La estética es lo que más importa y quieres que cada construcción se sienta distinta |
| «Chantan Ultra» | $$$ |
Tu app va a guardar datos de personas reales — cuentas, pedidos, mensajes |
Los tres revisan su propio trabajo antes de entregarlo, y los tres llevan hoy una etiqueta «Beta». Las marcas $ / $$ / $$$ son una pista relativa de qué tan pesada es la construcción, no un precio.
Dentro del proyecto, la fila bajo el chat es más estrecha y recorta el nombre a su última palabra: «Chantan Pro» se ve ahí como «Pro BETA». Es el mismo constructor.
Pasa el cursor sobre un chip (en el teléfono, toca el que ya está seleccionado) para ver sus notas sobre 10 en «Velocidad», «Calidad de construcción», «Seguridad», «Fiabilidad» y «Costo». Tu elección se recuerda para la próxima vez.
Si tienes dudas, déjalo en «Chantan Pro». Es el predeterminado por algo.
3. Decide si quieres un plan primero (opcional)
El botón pequeño «Plan» que está junto a Generar significa, en palabras del propio producto: «Planificar primero — el agente propone un plan que apruebas antes de construir nada».
Con Plan activado, el botón grande cambia de «Generar» a «Ver el plan», y recibes un plan para leer y aprobar antes de que se escriba un solo archivo. Un plan no cambia nada — es una propuesta.
4. Pulsa «⚡ Generar»
Pulsa «⚡ Generar» — o ⌘/Ctrl + Enter.
No hay paso de confirmación. ChanTan crea el proyecto, le pone un nombre corto de 2 a 4 palabras sacado de tu idea y lo abre de inmediato.
ℹ️ La página cambia enseguida y eso es correcto. Tu proyecto acaba de abrirse y la construcción arranca sola. Tú no nombras el proyecto; renómbralo cuando quieras desde el menú «•••» de la tarjeta → «Renombrar».
5. Mira cómo se construye
Una pantalla animada a pantalla completa cubre el área de la vista previa durante toda la construcción, para que nunca veas una página a medio hacer.
Verás en la cabecera del chat «Construyendo tu primera versión» con «Tiempo estimado: 2-4 min» bajo la barra, y una línea de estado que va pasando por lo que se está preparando para ti: «Iniciando el entorno de desarrollo», «Instalando las dependencias del proyecto», «Creando tu base de datos privada del proyecto», «Preparando el servidor de vista previa en vivo», «Ejecutando comprobaciones de salud del espacio de trabajo».
En el chat, la IA narra lo que hace en tu propio idioma — escríbele en español y toda la historia vuelve en español.
Cuando se están creando las fotos aparece una tira de mosaicos etiquetados «Imagen N de M», cada uno pasando de «Creando» a «Listo». Toca un mosaico terminado para verlo en grande.
ℹ️ Nunca tienes que quedarte mirando. La construcción corre del lado de ChanTan, no en tu navegador. Cierra la pestaña, cambia de dispositivo, pierde la conexión — cuando vuelvas, el chat se pone al día.
6. Responde cualquier tarjeta que te muestre la IA
La IA puede detenerse y poner una tarjeta en el chat. Una tarjeta que está esperando pausa la construcción hasta que la respondas.
| Tarjeta | Qué hacer |
|---|---|
| Preguntas | Toca opciones, escribe las tuyas o pulsa «Omitir todas» para que elija valores sensatos |
| «Tu app necesita una base de datos» | Quédate con la opción predeterminada: la base de datos de Chantan. Se configura sola y tú no escribes código |
| Tarjeta de copiado (un acceso o contraseña que creó) | Pulsa «Copiar» y guárdalo en algún lado. También queda en «Gestionar» → «Historial de chat, accesos y archivos» |
| Plan | «Aprobar y construir» para construir justo eso, o «Ahora no» para dejarlo guardado |
La IA pregunta en vez de adivinar porque adivinar mal te costaría una construcción entera.
7. Tu app aparece
La cubierta se levanta solo cuando tu app está realmente lista — un fundido corto y ahí está tu app, en vivo y clicable a la derecha.
Suena un timbre corto y brillante cuando la construcción termina.
✅ ¡Listo! Ahora deberías ver tu sitio web real y funcionando en el panel derecho — puedes hacer clic en sus enlaces y desplazarte como lo haría un visitante. En el chat encontrarás una tarjeta «¿Qué sigue?» con sugerencias, y un botón «Deshacer» bajo el cuadro de mensajes.
En este punto tu app es privada. Nadie más puede verla hasta que pulses «Publicar».
8. Pide tu primer cambio
Escribe tu siguiente solicitud en el mismo chat: «pon la cabecera en verde», «agrega una página de contacto».
Los cambios posteriores se ven distintos de la primera construcción: sin pantalla de cubierta, la vista previa se queda visible y se actualiza en su sitio, y el chat dice «Entendiendo tu solicitud» sin estimación de tiempo.
Cada respuesta que cambió archivos deja un punto de deshacer: el botón «Deshacer» al final del chat y un «↩ Deshacer» en la respuesta misma.
Si algo sale mal
| Lo que ves | Qué hacer |
|---|---|
| «No se pudo crear el proyecto» | Pulsa Generar otra vez; si se repite, recarga la página |
| «Has alcanzado el número máximo de proyectos…» | Llegaste al tope de 2.000 proyectos activos. Manda algunos a la papelera — los que están ahí no cuentan |
| «Estás creando proyectos demasiado rápido…» | Espera cerca de un minuto. El uso normal nunca llega aquí |
| Pasaron más de 4 minutos | Casi seguro está bien — las fotos y los videos suman varios minutos silenciosos |
| «Conexión perdida — reconectando...» | Se cayó tu conexión, no la construcción. Sigue corriendo y el chat se pone al día |
| «Construcción fallida» | Pulsa «Intentar corregir». Tu vista previa ya está mostrando tu última versión que funcionaba |
Un mensaje envuelto en HTTP 429: {…} |
Ignora la envoltura técnica — solo importa la frase que va entre comillas |
Recargar la página es seguro, incluso a mitad de una construcción. Al cargar, ChanTan te reconecta con la construcción en curso — y si encuentra una que de verdad se murió, la reinicia por ti. Una construcción que muere inesperadamente se retoma sola, hasta dos veces, con tu mensaje y tus fotos intactos.
Cuánto cuesta, con honestidad
- Crear el proyecto es gratis. La construcción posterior gasta créditos según el trabajo real hecho.
- Las fotos generadas cuestan créditos — ChanTan te avisa con una notificación cuando cobra por una.
- Si pulsas Detener, todo lo que ya terminó se conserva y solo se te cobra el trabajo completado. No se revierte nada.
- Es una reserva, no un cobro. Cuando arranca una construcción se apartan créditos —se muestran como «Reserva de trabajo en curso»— para que una construcción nunca te deje por debajo de cero. La parte no usada se libera automáticamente al terminar.
⚠️ En ningún lugar del producto existe un mensaje de «créditos devueltos». No esperes una notificación. Para confirmarlo, mira tu saldo en la cabecera y la lista de actividad de la página de facturación.
Límites honestos
- Una construcción a la vez por proyecto. Si mandas un mensaje a mitad de una, se te encola — no se pierde nada.
- Cada construcción tiene un límite de trabajo para que nunca pueda girar, ni cobrar, para siempre. Si la IA lo alcanza con trabajo real pendiente, un botón «▶ Continuar donde me detuve» retoma el mismo encargo. También puedes escribir simplemente «continúa».
- A veces la IA toca un archivo que no mencionaste — porque tu solicitud dependía de él. Las ediciones inusualmente amplias te preguntan antes con «Se detectó una modificación grande.», y reescribir la mayor parte de tu proyecto queda bloqueado hasta que escribas una palabra de confirmación.