Qué obtienes

  • Dos o tres maquetas de página completa con direcciones artísticas distintas, de un catálogo de diez
  • El diseño elegido construido como página estática o como componentes de tu proyecto, con texto real
  • Imágenes principales y de sección redibujadas limpias al tamaño justo y exportadas como WebP adaptable
  • Capturas de escritorio y móvil, una comparación lado a lado con la maqueta y un informe de control de calidad
  • Un informe de lint de hábitos de máquina, con las correcciones aplicadas

Ideal para

  • Landing pages de startups, apps y productos
  • Páginas de lanzamiento y de lista de espera que necesitan un aspecto propio
  • Rediseñar una página que parece una plantilla genérica

No es para

  • Construcciones con píxel exacto a partir de un archivo de diseño existente
  • Sitios de varias páginas con lógica de aplicación o un CMS
  • Plantillas de correo electrónico

Cómo usarlo

En Claude o ChatGPT

Usa el skill de PopNow «Landing page desde maquetas de IA» (landing-page-from-mockup) para esto: Landing page para Lumen Notes, una app de notas de texto plano que sugiere notas relacionadas mientras escribes. Gratis en un dispositivo, Pro 6 $ al mes. Aún no tiene testimonios.

En un agente de programación

/popnow-landing-page-from-mockup Landing page para Lumen Notes, una app de notas de texto plano que sugiere notas relacionadas mientras escribes. Gratis en un dispositivo, Pro 6 $ al mes. Aún no tiene testimonios.

Luego prueba

Toma el héroe de la maqueta B y la tabla de precios de la maqueta A.

Constrúyela en nuestro proyecto de Astro dentro de site/ y vuelve a ejecutar la revisión.

Qué tener a mano

  • Nombre del producto, público y la promesa principal del titular
  • Tres o cuatro funciones con un detalle concreto cada una, además de planes y precios
  • Pruebas que puedas defender (citas, cifras o datos reales)
  • Una clave de API de PopNow, y tu DESIGN.md si la marca ya está definida

Skills similares

Ver todos →

Preguntas

¿Por qué hacer maquetas antes de escribir código?

Elegir entre páginas con aspecto terminado es más rápido y más honesto que describir un estilo con palabras. Además, da a la construcción un objetivo concreto, así que la comparación de capturas puede decir exactamente dónde se desvió el código.

¿Qué genera PopNow y cuánto cuesta?

Las maquetas (unos 30-35 créditos cada una) y, si las quieres, imágenes principales y de sección limpias (unos 35-75 créditos cada una). Una ejecución completa típica ronda los 275 créditos; el modo ligero con una maqueta cuesta unos 35. Cada generación se presupuesta primero y solo se ejecuta cuando aceptas.

¿Necesito tener algo instalado?

Node y Python 3, además de Chrome, Chromium o Edge en local para las capturas. Se usa Playwright si tu proyecto ya lo tiene. No hay más dependencias.

¿La página contendrá texto de las imágenes de las maquetas?

No. Las maquetas son imágenes y su texto pequeño puede salir deformado. Los titulares, las funciones, los precios y las FAQ salen de tu encargo, y lo que el agente tuvo que redactar se lista para que lo confirmes.