Written with AI assistance from the source video. The video is the authority.
Log in to leave a comment
No posts yet
Los archivos HTML que genera Claude parecen aceptables al principio. Sin embargo, en cuanto pasas de 3 páginas, las modificaciones se convierten en una pesadilla. Perder el tiempo abriendo 10 archivos solo para cambiar un tamaño de fuente es improductivo. Separa tu código.
Al hacer esto, si corriges una sola cabecera, los cambios se aplicarán instantáneamente a todas las páginas. No tendrás que dedicar tiempo a editar archivos repetidamente.
No escribas los códigos de color directamente en cada componente. Si quieres cambiar el color de un botón, no querrás buscar entre miles de líneas. En su lugar, usa variables CSS.
Si en el futuro cambias los colores de la marca, solo tendrás que editar un archivo durante 3 segundos. El color de los botones de todas las páginas cambiará simultáneamente. Es mucho más eficiente que ajustar el diseño manualmente cada vez.
Si el proceso de modificar el código y volver al navegador para refrescar se repite constantemente, perderás la concentración. Instala la extensión Live Server de VS Code.
Observa los cambios visuales en tiempo real sin necesidad de refrescar. El tiempo dedicado a ajustar el diseño se reducirá a la mitad.
Claude genera el código de forma diferente cada vez que se lo pides. Establece reglas desde el principio antes de conversar. Crea un archivo CLAUDE.md en la raíz de la carpeta del proyecto.
La posibilidad de que la IA complique el código arbitrariamente se reducirá significativamente.
No te preocupes por la configuración del servidor o entornos complejos. Con Vercel, el sitio web funciona apenas subes el código.
No necesitas gestionar servidores personalmente. La dirección del dominio se genera automáticamente y, si ocurre algún problema, siempre puedes revertir a una versión anterior. Sube tu código ahora mismo.
