1 TARDE. DE CERO A
CINEMATIC.

El stack premium (Lenis · GSAP · Three.js) y las 11 reglas firmes que separan una landing Awwwards de una que va a 28 fps. Snippets copy-paste. Cero teoría.

  • Lenis
  • GSAP
  • Three.js
  • Mona Sans
  • Claude Code
4,9 / 5 412 developers ya lo tienen
412 developers · última compra hace 3 min
Descarga inmediata Updates gratis 12 meses Pago seguro Stripe

Lo que dicen los primeros lectores

Reviews de los developers que tuvieron el Curso en early access.

★★★★★

En 2 días monté la landing de un cliente con Lenis + ScrollTrigger sin pelearme con el debug. Las 11 reglas valen el precio del Curso solas.

— Marta R., freelance frontendmadrid · 4 años exp
★★★★★

El capítulo de tooling de assets vale dinero. Llevaba meses pagando Midjourney sin necesidad — con Pexels API + Imagen 4 cubro casi todo lo que necesito.

— Diego N., fundador estudiobarcelona · estudio de 3
★★★★★

Soy senior pero llevaba un año sin tocar landings. El Curso me ahorró 2 semanas de research. Los antipatrones son oro — me ahorré 3 deploys rotos.

— Carlos M., dev seniorvalencia · saas b2b
★★★★★

Cobré 1.800 € por una landing que monté en 3 días siguiendo el caso práctico del capítulo 7. El Curso se paga ×90 con un solo cliente.

— Nuria F., freelancebarcelona · 6 años exp
★★★★★

Saltaba de tutorial a tutorial sin terminar nada. Con esto monté mi primer hero con Three.js en una tarde. El secreto era no tener que entender 200 cosas, solo las 11 que importan.

— Sara P., junior devmadrid · 1 año exp
★★★★★

Me lo recomendó un colega de un slack. La parte de RAFs pausables me arregló un bug de scroll jank que llevaba mes y medio sin resolver. 19 € > 6 horas de mi tiempo.

— Adrián L., freelancebilbao · 5 años exp
★★★★★

Vengo de diseño y siempre dependía de un dev para las animaciones. Ahora con Claude Code y el stack del Curso levanto landings yo sola. Cambio total.

— Lucía B., diseñadora a devsevilla · transición 2026
★★★★★

Los antipatrones son el capítulo que leí mientras desayunaba. 11/10 las reglas de performance, especialmente la de RAFs huérfanos — me corrigió un patrón malo que llevaba 3 años arrastrando.

— Javier T., senior fullstackgranada · 9 años exp
★★★★★

Lo paso a todos los devs que entran al estudio. Es el onboarding más eficiente que tengo — ahorra una semana de explicaciones.

— Roberto M., founder estudiomálaga · estudio de 4
★★★★★

En 2 días monté la landing de un cliente con Lenis + ScrollTrigger sin pelearme con el debug. Las 11 reglas valen el precio del Curso solas.

— Marta R., freelance frontendmadrid · 4 años exp
★★★★★

El capítulo de tooling de assets vale dinero. Llevaba meses pagando Midjourney sin necesidad — con Pexels API + Imagen 4 cubro casi todo lo que necesito.

— Diego N., fundador estudiobarcelona · estudio de 3
★★★★★

Soy senior pero llevaba un año sin tocar landings. El Curso me ahorró 2 semanas de research. Los antipatrones son oro — me ahorré 3 deploys rotos.

— Carlos M., dev seniorvalencia · saas b2b
★★★★★

Cobré 1.800 € por una landing que monté en 3 días siguiendo el caso práctico del capítulo 7. El Curso se paga ×90 con un solo cliente.

— Nuria F., freelancebarcelona · 6 años exp
★★★★★

Saltaba de tutorial a tutorial sin terminar nada. Con esto monté mi primer hero con Three.js en una tarde. El secreto era no tener que entender 200 cosas, solo las 11 que importan.

— Sara P., junior devmadrid · 1 año exp
★★★★★

Me lo recomendó un colega de un slack. La parte de RAFs pausables me arregló un bug de scroll jank que llevaba mes y medio sin resolver. 19 € > 6 horas de mi tiempo.

— Adrián L., freelancebilbao · 5 años exp
★★★★★

Vengo de diseño y siempre dependía de un dev para las animaciones. Ahora con Claude Code y el stack del Curso levanto landings yo sola. Cambio total.

— Lucía B., diseñadora a devsevilla · transición 2026
★★★★★

Los antipatrones son el capítulo que leí mientras desayunaba. 11/10 las reglas de performance, especialmente la de RAFs huérfanos — me corrigió un patrón malo que llevaba 3 años arrastrando.

— Javier T., senior fullstackgranada · 9 años exp
★★★★★

Lo paso a todos los devs que entran al estudio. Es el onboarding más eficiente que tengo — ahorra una semana de explicaciones.

— Roberto M., founder estudiomálaga · estudio de 4
★★★★★

Llevo 6 años de frontend y aprendí cosas. La parte de GPU layers fue revelación — tenía 8 capas sin querer en una landing de producción y nadie en code review lo había detectado.

— Andrea R., frontend seniorzaragoza · 6 años exp
★★★★★

Salgo del bootcamp y la diferencia entre mis prácticas y este nivel es brutal. Lo leí en 2 noches. No es fácil pero está bien explicado, sin paja.

— Pablo D., junior bootcamppamplona · 6 meses exp
★★★★★

Para clientes pequeños el stack vanilla me liberó de Next.js. Más rápido, menos overhead, más margen. No necesito un router de 50 KB para un one-page de un fotógrafo.

— Inés C., freelancemurcia · 3 años exp
★★★★★

Le pasé el caso práctico del cap 7 directamente a Claude Code y montó una landing para una boda en 25 minutos. El novio creía que era una agencia de 5 k.

— Carlos V., dev agenciabilbao · 7 años exp
★★★★★

Si vienes de WordPress y quieres salir del barro de plugins, esto es el atajo. Los snippets del Curso son copy-paste reales, no pseudocódigo. Se nota que está escrito por alguien que produce.

— Miriam S., freelancevalencia · ex-WP · 4 años
★★★★★

Compramos 5 licencias para el equipo. Bajó el tiempo de delivery un 40 % en proyectos de marketing. Ya pagamos ×20 en el primer mes.

— Javier R., founder agenciamadrid · agencia 5p
★★★★★

Compraba assets en Envato cada landing nueva. Ya no. Pexels API y Imagen 4 cubren el 95 %, y con calidad cinematic. Solo eso ya amortiza el Curso.

— Cristina M., freelancelas palmas · 5 años exp
★★★★★

El audit del cap 5 me subió un Lighthouse de 67 a 94 sin tocar nada más que las 11 reglas. El cliente pensó que había contratado a un consultor de performance.

— Daniel H., senior agenciasevilla · 8 años exp
★★★★★

Honesto y al grano. Sin paja motivacional. Cada página aporta algo concreto. Es lo opuesto a esos cursos de Udemy de 40 horas que repiten lo mismo.

— Beatriz N., freelancevigo · 4 años exp
★★★★★

Llevo 6 años de frontend y aprendí cosas. La parte de GPU layers fue revelación — tenía 8 capas sin querer en una landing de producción y nadie en code review lo había detectado.

— Andrea R., frontend seniorzaragoza · 6 años exp
★★★★★

Salgo del bootcamp y la diferencia entre mis prácticas y este nivel es brutal. Lo leí en 2 noches. No es fácil pero está bien explicado, sin paja.

— Pablo D., junior bootcamppamplona · 6 meses exp
★★★★★

Para clientes pequeños el stack vanilla me liberó de Next.js. Más rápido, menos overhead, más margen. No necesito un router de 50 KB para un one-page de un fotógrafo.

— Inés C., freelancemurcia · 3 años exp
★★★★★

Le pasé el caso práctico del cap 7 directamente a Claude Code y montó una landing para una boda en 25 minutos. El novio creía que era una agencia de 5 k.

— Carlos V., dev agenciabilbao · 7 años exp
★★★★★

Si vienes de WordPress y quieres salir del barro de plugins, esto es el atajo. Los snippets del Curso son copy-paste reales, no pseudocódigo. Se nota que está escrito por alguien que produce.

— Miriam S., freelancevalencia · ex-WP · 4 años
★★★★★

Compramos 5 licencias para el equipo. Bajó el tiempo de delivery un 40 % en proyectos de marketing. Ya pagamos ×20 en el primer mes.

— Javier R., founder agenciamadrid · agencia 5p
★★★★★

Compraba assets en Envato cada landing nueva. Ya no. Pexels API y Imagen 4 cubren el 95 %, y con calidad cinematic. Solo eso ya amortiza el Curso.

— Cristina M., freelancelas palmas · 5 años exp
★★★★★

El audit del cap 5 me subió un Lighthouse de 67 a 94 sin tocar nada más que las 11 reglas. El cliente pensó que había contratado a un consultor de performance.

— Daniel H., senior agenciasevilla · 8 años exp
★★★★★

Honesto y al grano. Sin paja motivacional. Cada página aporta algo concreto. Es lo opuesto a esos cursos de Udemy de 40 horas que repiten lo mismo.

— Beatriz N., freelancevigo · 4 años exp

Que vas a aprender en 50+ paginas

Cada capitulo es una pieza del stack. Puedes leerlos en orden o saltar al que necesites para tu proyecto.

01 Stack

El stack core, sin frameworks

HTML/CSS/JS vanilla + Lenis (smooth scroll) + GSAP ScrollTrigger + Three.js para WebGL. Tipografía Mona Sans / Inter / Bebas Neue. Por qué NO Next/Astro en landings y cuándo sí.

lenis gsap three.js mona-sans
02 Reglas

Las 11 reglas firmes de performance

line-height ≥ 1.05 en displays. RAFs pausables con IntersectionObserver. Máx 3-4 GPU layers. Lenis lerp 0.09. tabular-nums para counters. bold-no-italic en hero. Cada una con benchmark.

60 fps CLS < 0.05 LCP < 2s
03 Animación

Técnicas validadas

Scroll-triggered morph. Parallax escalonado. Partículas Three.js de bajo coste. Canvas shaders de fondo. Modelo 3D interactivo. Video background con poster + fallback. Snippets copy-paste.

scroll-trigger webgl shader
04 Assets

Tooling sin Midjourney

Pexels API (200 req/h gratis). Imagen 4 con formato "Generate an image: <desc>". Aurora image-to-video por CDP. Cómo aumentar la cuota efectiva con sesiones rotadas. Scripts incluidos.

pexels imagen-4 aurora
05 Metodología

Diagnose before optimize

Cómo auditar RAFs, paint y GPU layers antes de añadir capas especulativas. Producir > pulir tooling. Cada landing concepto único (no clonar). Cuándo parar de iterar.

audit prompting ship
06 Antipatrones

12 cosas que matan tu landing

Apilar GPU layers. content-visibility con Lenis. Clonar conceptos entre landings. Meta-instrucciones en prompts Imagen. Confiar en el primer benchmark. Cada antipatrón con su fix.

debug jank refactor
Sube de nivel ahora → pago único · descarga inmediata · sin suscripciones

¿Por qué este curso es para ti?

Prefiero que te quedes fuera si no encajas, a que compres con dudas.

Es para ti si...

  • Nunca has tocado código y no pasa nada. Claude Code escribe el 95 % por ti — el curso te enseña exactamente qué pedirle, paso a paso, con prompts copy-paste. En 1 tarde levantas tu primera landing premium sin haber escrito una sola línea antes.
  • Si ya programas, vas el doble de rápido. Dev / freelance / agencia que ya toca HTML, CSS y JS: exprimes Claude Code para landings cinematic concretas — sin pelearte con el debug ni el research.
  • Quieres pasar de "hago webs básicas" a "hago landings que se ven en Awwwards" sin años de práctica. Los snippets son copy-paste reales, no pseudocódigo: pegas, ajustas y entregas.
  • Quieres cobrar 800-3.000 € por landing y necesitas el nivel visual y el portfolio para justificarlo. Un solo cliente ya paga el curso ×40.
  • Prefieres entender el "por qué" antes que pegar código de un tutorial al azar. Cada regla viene con benchmark; cada antipatrón con su fix.

Sin teoría infinita. Sin frameworks de moda. Para abrir Claude Code y construir hoy.

Todo lo que recibes hoy

Pago unico

Web Master con Claude

Curso completo + actualizaciones gratis 12 meses

  • Curso de 50+ paginas (descarga inmediata)
  • Stack completo: Lenis + GSAP + Three.js + Mona Sans
  • Las 11 reglas firmes de performance con benchmark
  • 6 tecnicas de animacion validadas (copy-paste)
  • Tooling de assets: Pexels + Imagen 4 + Aurora
  • 12 antipatrones con diagnostico + fix
  • Updates gratis durante 12 meses minimo
  • Soporte directo por email (respuesta < 24h)
Esta oferta caduca en
00horas
:
00min
:
00seg
Tras el reset, el precio sube a 120 €.
120 EUR 19,99 EUR

Pago unico · Sin suscripciones · Acceso de por vida

Comprar Curso → 19,99 EUR
VISA Mastercard Apple Pay Google Pay Bizum

Pago seguro Stripe · SSL 256-bit · Curso entregado al instante

Lo que seguro te estas preguntando

¿Cuando recibo el Curso tras el pago?

Inmediato. Al confirmarse el pago en Stripe, recibes en tu email un enlace de descarga del Curso en menos de 2 minutos. Si pasa mas, revisa spam o escribe a soporte y lo resolvemos manualmente.

¿Necesito saber programar para aprovecharlo?

No hace falta. El Curso esta pensado para que cualquier persona pueda seguirlo apoyandose en Claude Code como copiloto. Si has tocado HTML/CSS basico vas mas rapido, pero si empiezas desde cero tambien llegas — en una o dos tardes te plantas levantando tu primera landing premium sin haber escrito una linea antes.

¿Y si Claude Code no me deja usar X libreria?

Las librerias del stack (Lenis, GSAP, Three.js, Mona Sans) son todas open-source o de uso comercial libre con sus terminos respectivos. El Curso te explica como las cargas via CDN sin instalar nada local. Funciona con Claude Code, Cursor, Copilot o tu editor de toda la vida.

¿Se actualiza con nuevas versiones?

Si. El stack de landings premium evoluciona rapido (GSAP 4, View Transitions API, fonts variables). Tienes updates gratis durante al menos 12 meses desde tu compra. Cuando publiquemos una version nueva del Curso, te llega al mismo email sin coste.

¿En que formato esta el Curso?

Curso en formato PDF A4 (210x297 mm), optimizado para lectura en tablet horizontal o monitor. Tipografia 11pt cuerpo / 22pt headlines. Los snippets de codigo son seleccionables (no son imagenes) — puedes copiar a Claude directamente.

Lo quiero →
Antes de irte

Antes de cerrar la pestana, una cosa

El Curso "Web Master con Claude" cubre una de las 3 IAs que usa todos los dias un freelance moderno. Hay dos mas que, combinadas con Claude, te convierten en una agencia de una sola persona.

Claude Code
+
n8n
+
ChatGPT

Top Global Net lo cubre todo en su curso completo de las 3 IAs — automatizaciones, prompting comercial, y el stack que cierra clientes en remoto.

Ver curso 3 IAs →

Curso externo de Top Global Net · abre en pestana nueva