Webs de estudio, sin estudio

Un libro en PDF de 57 hojas, el bonus «El 3D cuando la idea lo pide» (17 hojas) y un ZIP de 39 MB con el kit: el muestrario de 40 técnicas que se mueven, cada una con su ficha y su prompt; la base de tu web, ya montada; los prompts del método (S00 a S15) y del exprés (X1 a X5); el juez, que mide tu web con 53 medidas, y Noctra, una web de ejemplo con su código entero.

Claude. Claude escribe el código; tú decides qué se ve y cómo se mueve. El libro te enseña a mirar una web como la mira un estudio y a pedir cada técnica por su nombre. Por dentro van Next.js, React, Tailwind, GSAP, Lenis y three.js, pero no hace falta que sepas qué son.

No. Haces la web que tú quieras: tu idea, tu concepto, tu marca y tu firma, la interacción que solo tiene sentido en tu web. Las técnicas se combinan según lo que pida tu idea, en uno de los cuatro niveles de ambición. Noctra es un ejemplo desmontado, no un molde.

No. De las webs que admiras se aprende el porqué: qué se mueve, qué lo dispara y su ritmo. Sus textos, imágenes, vídeos, modelos, letras y código son de sus autores: ni se descargan ni se pegan. De las técnicas del muestrario se toma el mecanismo, nunca la forma: Claude escribe código propio, con tu marca, tus colores y tus letras.

Sí. Cada técnica del muestrario trae su versión para el móvil, y el libro la pide desde el principio: con el dedo, con el teclado y para quien pide menos movimiento. Las técnicas se midieron con una tarjeta gráfica también como un móvil lento (390 × 844 y la CPU cuatro veces más lenta), y el juez mide tu web igual.

Sí. Las webs que hagas son tuyas, también las de tus clientes. Lo que lleva el kit (Next.js, React, three.js, GSAP, Lenis y las letras) tiene licencias que permiten el uso comercial; el libro trae el anexo «Licencias». La web sale estática: una carpeta de HTML, CSS y JavaScript, sin base de datos, sin contraseñas y sin panel. Para publicarla, la cuenta gratuita de Vercel es para webs personales; la de un cliente va en un plan de pago. Lo que no se puede es revender ni compartir el kit.

No. El nivel 0 no lleva 3D: vídeo, texto que entra, scroll con guion, puntero y cortina. Si tu idea pide un objeto, el bonus te enseña tres caminos: hacerlo con Claude en Blender, un modelo con licencia o el «3D falso».

Un ordenador con Windows y Chrome, y una suscripción de Claude que incluya Claude Code: Claude Pro, unos 20 $ al mes más impuestos (el plan gratuito no lo trae). Node.js y Git: el primer prompt mira si los tienes y, si falta alguno, te dice cómo instalarlo. Unos 2 GB libres en el disco y un móvil para probarla. Para publicarla, una cuenta de Vercel.

Está probado en Windows. En Mac debería ir igual, pero está sin probar. Si lo pruebas y algo falla, escríbeme.

El primer prompt, S00, lleva unos 45 minutos. La web entera, de 8 a 10 horas tuyas repartidas en días: es una estimación, aún sin medir con alguien que empieza de cero. Cada sesión es acotada y queda apuntada, así que puedes parar y seguir otro día.

No. El juez mide tu web hasta el nivel de una mención de honor, con pruebas, pero esa nota la estima Claude: el jurado de verdad son personas. Awwwards es el listón, no una promesa.

Al pagar aparece el enlace de descarga y te llega también por correo. Las próximas ediciones te llegan gratis por correo si estás suscrito: apúntate en codebyrivera.com/actualizaciones con el correo de tu compra.

Sí, gratis. Si no te ha llegado al correo, escríbeme a peperiveralozano@gmail.com con tu número de pedido y te la mando. Para recibir las siguientes, suscríbete en codebyrivera.com/actualizaciones.

Está escrito y probado con Claude Code. Con otras herramientas no se ha probado.

Escríbeme a peperiveralozano@gmail.com en los 14 días siguientes a la compra, con el número de pedido, y te devuelvo el importe íntegro.