Qué necesitas.
Cursor instalado con los ayudantes de diseño gratuitos de la guía de configuración, una carpeta vacía y una idea clara de para quién es la página. El nivel gratuito Hobby es suficiente para un primer prototipo.
Escribe el brief antes del prompt.
Un párrafo, escrito una vez, vale más que veinte correcciones después. Nombra la audiencia, la única llamada a la acción y las secciones en orden — por ejemplo: hero con titular y CTA, tres bloques de características, un testimonio, pie de página. Restringe también el resultado: un archivo HTML, estilos en línea, sin frameworks, fuentes del sistema.
Constrúyelo en seis pasos.
- Abre la carpeta vacía en Cursor y pega tu brief en el chat.
- Pide un solo index.html con CSS en línea — un archivo mantiene la iteración rápida.
- Abre el archivo en tu navegador y léelo como un visitante, no como un constructor.
- Dile al agente qué cambiar en términos de diseño — espaciado, jerarquía, contraste — uno o dos cambios por mensaje.
- Ejecuta el comando /responsive-preview para auditar los anchos móvil, tablet y escritorio.
- Corrige lo que señale la auditoría y luego detente — el trabajo de un prototipo es ser evaluado, no pulido.
Revísalo como un diseñador.
La herramienta gratuita de navegador Responsive Preview muestra la página en tres anchos lado a lado con scroll sincronizado — más rápido que redimensionar una ventana. Presta atención al desbordamiento horizontal en móvil, a las líneas de más de unos 80 caracteres y a los objetivos de toque por debajo de 44 píxeles.
Del prototipo a la página en vivo.
Si el prototipo se valida, publica el HTML en cualquier hosting estático gratuito, o evita el mantenimiento de código y reconstrúyelo en una plantilla de Carrd con un dominio personalizado por $19 al año. Antes de cualquiera de las dos rutas, ejecuta la auditoría Launch Checklist Prompt.
Qué cuesta esto.
El prototipo en sí: nada, en el nivel gratuito Hobby de Cursor. Si prototipas con regularidad, Pro a $20 al mes elimina los límites del agente — puedes usar este enlace de referido de Cursor para un 50 por ciento de descuento en tu primer mes.