Nuevo
Premium
Más como este
Instrucciones de uso
Del prompt a una página en vivo
- 01
Copia el prompt o el código fuente
El prompt lleva la página entera: estructura, movimiento y las notas de stack que el modelo necesita.
- 02
Pégalo en tu IA
Probamos contra Claude Opus 5, que es el que mejor sostiene el lenguaje de diseño y de movimiento. También funciona con Sonnet 5, GPT-5, Gemini y cualquier agente que acepte un prompt largo.
- 03
Haz tuyo el contenido antes de afinar
Cambia el copy, los tokens de color y las imágenes primero. Ajustar el movimiento antes de tener el contenido real es tiempo perdido.
- 04
Llévalo a tu proyecto
Suéltalo tal cual como página autocontenida, o pide a tu agente que lo reconstruya en tu framework. El prompt no está atado a ningún stack.
Preguntas frecuentes
Es un prompt: lenguaje estructurado que describe la pieza con precisión suficiente para que tu IA la reconstruya.
Sí. Por defecto genera un HTML autocontenido; añade una línea y tu agente lo construye en Next.js, Astro, Vue o WordPress. No hay dependencia de framework porque no hay código atado a ninguno.
Entero. La estructura y el movimiento son lo que te llevas; el tema, los colores y el copy son tuyos. Cambiarlo es literalmente pedírselo a tu IA en la misma conversación.
Sí con cualquier plan de pago: licencia comercial, sin atribución y sin límite de sitios. Los layers gratuitos son para probar el producto: extiéndelos en algo tuyo en vez de publicarlos tal cual.
De forma regular. Si tienes un plan de por vida, todo lo que entre a partir de tu compra también es tuyo.
No lo será al 100%, y es intencional: cada generación es distinta. Lo que se mantiene es la estructura, el ritmo y la calidad del movimiento. Si quieres reproducción exacta, ese es el motivo de que exista el plan con código fuente.
¿Lo quieres en tu framework?
Añade una línea al final del prompt y tu agente lo construye en Next.js, Astro o lo que uses, con tus propios tokens de diseño.