Crear una página web con IA y Kimi: prompts y flujo de trabajo para programar rápido

Mira, colega, si llevas tiempo dándole vueltas a montar una web y no sabes por dónde empezar, Kimi te lo pone fácil. No es magia, pero si le das los prompts correctos y sigues un orden lógico, puedes tener una landing funcional en una tarde. Te cuento cómo lo hago yo.

El flujo de trabajo que funciona

El error típico es pedirle "hazme una web" y esperar que salga algo decente. Mal. Kimi es bueno, pero necesita contexto. El flujo que uso es este:

1. Define la estructura antes de tocar código. Pídele el esqueleto, no el HTML todavía.

Actúa como desarrollador front-end senior. Voy a crear una web para [tu negocio/tema]. 
Propón la estructura de secciones (hero, servicios, sobre mí, contacto) y qué 
contenido debe ir en cada una. No escribas código aún, solo el plan.

2. Genera el HTML base con una sola petición clara.

Genera el HTML5 y CSS completo de una landing page con estas secciones: 
[pega la estructura del paso 1]. Requisitos: responsive, sin frameworks, 
CSS en archivo separado, fuentes del sistema, paleta de colores [tus colores]. 
Incluye comentarios en cada sección.

3. Itera sección a sección. No rehagas todo. Pide cambios concretos.

En la sección hero, cambia el botón por uno con hover animado y añade 
un degradado de fondo. Dame solo el CSS modificado y dime dónde pegarlo.

4. Añade interactividad mínima con JavaScript puro.

Añade un menú hamburguesa funcional para móvil y un scroll suave a las 
anclas. JavaScript vanilla, sin librerías. Explícame qué hace cada bloque.

5. Pide revisión y limpieza final.

Revisa este código y dime qué errores de accesibilidad, semántica HTML 
o responsive tiene. Dame la versión corregida y señala los cambios.

Consejos que marcan la diferencia

• Sé específico con el stack. Si quieres Tailwind, Bootstrap o CSS puro, dilo desde el principio. Kimi por defecto tiende a CSS plano.
• Pide explicaciones. "Explícame qué hace este bloque" convierte a Kimi en tu profesor. Si no entiendes el código, no lo tocas.
• Trabaja por archivos. Un HTML, un CSS, un JS. Si mezclas todo, luego no hay quien lo mantenga.
• Prueba en local. Abre el archivo en el navegador tras cada cambio. No esperes al final para descubrir que nada funciona.

Lo que NO esperes de Kimi

No le pidas diseño de autor ni una web de 20 páginas en un prompt. Tampoco backend complejo. Kimi brilla maquetando, estructurando y explicando. Para lo demás, hay otras herramientas o toca aprender.

Y tú, ¿qué usas para montar webs sin complicarte la vida?