Del prompt a producción

Empezar

Abre cualquier layer, pulsa Copiar prompt y pégalo en la herramienta que escriba tu código. No hace falta instalar nada para el flujo básico.

El resultado por defecto es un archivo HTML autocontenido: ábrelo en el navegador y ya está funcionando, con su movimiento incluido.

Qué modelo usar

Cada layer se escribe y se comprueba con Claude Opus 5, que es el que mejor sostiene el lenguaje de diseño y de movimiento a lo largo de un prompt largo. Varias piezas se han ejecutado además con Codex de OpenAI y con un modelo local, y se juzgan con las mismas comprobaciones.

Cualquier agente que acepte un prompt de varios miles de tokens puede con ellos. Si el resultado se queda corto, casi siempre es que el modelo ha truncado la respuesta: pídele que continúe.

Llevarlo a tu stack

El prompt no menciona ningún framework salvo que se lo pidas. Añade una línea al final y tu agente construirá directamente en el tuyo.

Constrúyelo como un componente de Next.js 16 con App Router y Tailwind v4.
Usa mis tokens de diseño de src/app/globals.css en lugar de colores literales.
El componente va en src/components/sections/ y no debe usar 'use client'
salvo que necesite estado o efectos.

Afinar el resultado

Cambia primero el contenido y los colores; el movimiento se ajusta al final. Afinar la animación antes de tener el copy real es tiempo tirado.

Si algo no te cuadra, descríbelo en términos de sensación, no de código: «la entrada es demasiado brusca, que respire más» funciona mejor que pedirle un valor de easing concreto.

Licencia

Con cualquier plan de pago tienes licencia comercial: sin atribución, sin límite de sitios y también para trabajos de cliente.

Lo que no puedes hacer es revender los prompts tal cual, ni redistribuir la librería, ni automatizar su descarga masiva.