Seedance 4K + Claude = webs de otro nivel

Summary

Este vídeo te guía paso a paso para crear y desplegar una página web profesional combinando Claude Code, V0 y 21st.dev. Aprenderás a integrar componentes de diseño, añadir animaciones de personajes generadas con modelos como Seedance y optimizar el sitio para que sea responsive y ligero. Además, el tutorial cubre el proceso completo de despliegue en GitHub y Vercel, permitiéndote tener tu web funcionando en internet de forma gratuita y eficiente.

Topics covered

• Uso de plantillas con V0 y 21st.dev
• Integración en Claude Code

+5 more topics (full content when you follow the channel)

Transcript excerpt

En el vídeo de hoy te traigo cómo diseñar páginas webs bonitas utilizando Cloud Code y diferentes modelos de imagen y vídeo como Sidans. Vas a poder hacerlo con tus propias ideas o siguiendo la misma que yo voy a utilizar porque te voy a dejar todos los elementos que utilicé en la descripción. Además, al final del vídeo te enseñaré también cómo puedes publicar esta página web. Así que vayamos a ello. Lo habitual es empezar con un prompt y esto es un error porque si no tenemos nada previo configurado como skills o system designs, lo que va a ocurrir es que vamos a sacar un diseño totalmente genérico, seguramente con degradados y color morado. En este caso vamos a partir de componentes que ya han hecho otros diseñadores y que sí que tendrán ese ojo técnico si nosotros no sabemos diseñar. Para hacerlo tenemos dos páginas que son las más conocidas dentro del mundo del desarrollo. La primera…