Páginas Web ANIMADAS de $10,000 con Claude Design

Te muestro el método que uso para crear landing pages que se venden por $10,000 — combinando Claude Design + ChatGPT Images 2 + Higgsfield (Seedance) + Claude Code, todo guiado por un skill reusable que convierte a Claude en tu director creativo.

El 99% que entra a Claude Design improvisa, gasta la sesión y termina con un resultado mediocre. El 1% planea primero en Claude Chat con un skill, llega a Claude Design con TODO listo, y hace un one-shot limpio. Esa es la diferencia.

En este video construyo desde cero la landing de Scarlett — una recepcionista virtual IA para clínicas dentales — usando el framework F.R.A.M.E. paso a paso. Al final te dejo el skill, las plantillas de Motion Sites y el blog post completo con todos los prompts dentro de Imperio Digital.

⏱️ TIMESTAMPS

0:00 El error del 99% al usar Claude Design
1:42 Qué vas a aprender en este video
3:11 Ejemplo 1: Scarlett (recepcionista virtual IA)
4:37 Ejemplo 2: Filament 3D (landing de filamentos)
5:44 Ejemplo 3: Mi landing personal
6:20 Por qué planear en Claude Chat antes que Claude Design
7:17 Framework F.R.A.M.E. — los 5 pasos
7:31 F · Fundación: el skill + Motion Sites
10:04 Construyendo el prompt para Scarlett
11:51 Motion Sites: plan Agency dentro de Imperio Digital
13:13 Claude devuelve brief + 4 prompts en un mensaje
15:08 R · Render: ChatGPT Image 2 en Higgsfield
17:28 A · Animación: Seedance + ping-pong loop
19:57 M · Montaje: Claude Design en un one-shot
22:00 Resultado: la landing completa en un solo prompt
24:30 Tweaks: refinar sin gastar tokens de Claude Design
26:20 E · Entrega: deploy con Claude Code + Vercel
27:09 Handoff a Claude Code
29:47 Página live en producción
31:37 Por qué cobrar $10,000 por una landing
33:33 PRO TIP: outreach con full-page screenshots
34:48 Recap del framework F.R.A.M.E.
35:09 Plantillas Motion Sites + skill dentro de Imperio Digital
36:50 Próximos pasos

🎁 RECURSOS DENTRO DE IMPERIO

▸ Skill landing-builder.md (el archivo que arrastras a Claude)
▸ +50 plantillas premium de Motion Sites con derechos de uso (compré el plan Agency)
▸ Blog post completo con todos los prompts del video
▸ Sesiones en vivo cada jueves construyendo landings de miembros

🚀 https://www.skool.com/imperio

🔗 HERRAMIENTAS DEL VIDEO

▸ Claude Design → https://claude.ai/design
▸ Claude Chat → https://claude.ai
▸ ChatGPT Images 2 → https://chatgpt.com/images
▸ Higgsfield (Seedance Pro) → https://higgsfield.ai
▸ Motion Sites → https://motionsites.ai
▸ Vercel → https://vercel.com
▸ Claude Code → https://claude.ai/code

📺 VIDEOS RELACIONADOS

▸ Claude Design — 5 casos de uso reales: https://youtu.be/voc0WVnBhnI?si=hGdpAsuMOPxmnl2e
▸ Claude Code 2026 — Curso Completo en español (3 horas): https://youtu.be/73eFWU-edO4?si=xxLGytH7S7L9brlg

💬 TE SIRVIÓ EL VIDEO?

Déjame un like y un comentario contándome qué tipo de producto vas a construir primero… a ver si entre todos nos ayudamos a aterrizar el brief

🏷️ #ClaudeDesign #ChatGPTImages2 #LandingPage #IA #ClaudeCode #Higgsfield #Seedance #WebDesign #FrameworkFRAME #ImperioDigital #VibeCoding #Vercel #AIWebDesign #LandingPageDesign