Landing page ilustrada de app agrotechv1.0.2
Usa esta Skill para crear landing page.
En auge
5.029 descargas0 me gusta0 guardados
$4.99
¿Qué obtengo al comprar esta Skill?Un sitio de producto multipágina, luminoso e ilustrado: un Hero redondeado con degradado de cielo y un paisaje agrícola en vector plano, un pequeño teléfono inclinado con la app, tarjetas de funciones en color y franjas azul saturado. Las páginas interiores están diseñadas, no son esqueletos: soluciones con widgets interactivos propios, un Dashboard en vivo, precios con estimador de hardware, un creador de reglas, artículos completos y un registro en varios pasos. Todas las ilustraciones comparten una dirección artística, como dibujadas por una sola mano.
Elegida con más frecuencia por
Actualizada el 3 oct 2026
Galería de vista previa
Skills similares
Ver todas las Skills
Lo que obtienes
- Un sitio web completo en un único archivo HTML autónomo que se abre sin conexión; el ejemplo de Haywren tiene 25 rutas conectadas, desde soluciones y precios hasta blog, sobre nosotros, contacto y páginas legales
- Herramientas que funcionan: un Dashboard de campo interactivo, un widget en cada página de solución, un selector de facturación y un estimador de hardware, un creador de reglas de automatización y un registro en varios pasos
- Un único estilo de ilustración en vector plano para cada imagen, un mockup de teléfono en vivo, tipografías Bricolage Grotesque, Figtree y Geist Mono, y una adaptación a tu propio framework si lo pides
Ideal para
- Productos de agrotech, alimentación, jardinería, exterior y servicios de campo que buscan un aspecto ilustrado y cercano en lugar de fotos de stock
- Creadores de apps que necesitan una familia de páginas completa (soluciones, precios, blog, sobre nosotros, descarga) y no una sola landing page
- Equipos que quieren un sitio independiente ya, o el mismo diseño construido en Vue, React, Astro o Next.js
No es para
- Un backend listo para usar: los formularios de registro, contacto y enlace a la app confirman en la página, pero no envían, crean ni cobran nada
- Marcas que necesitan fotografía: todas las imágenes siguen un mismo estilo de ilustración en vector plano
- Proyectos que buscan otra dirección visual: el marco de cielo, la franja de paisaje, el mockup de teléfono y las franjas azules son el diseño
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear landing pageEstilo fijadoResultado editableAzul granjaHero de granjaPaisaje de granjaMóvil de granja
Acerca de esta Skill
Describe tu producto y sus páginas y recibe un sitio web ilustrado completo: un Hero redondeado con degradado de cielo y un paisaje agrícola que emerge desde abajo, un pequeño teléfono inclinado con la app, tarjetas de funciones coloridas y franjas de producto en azul saturado. Llega como un único archivo autónomo que se abre en cualquier navegador y funciona sin conexión.
Lo que obtienes
- Una familia de páginas completa: inicio, plataforma, páginas de soluciones, automatización, precios, blog y artículos, sobre nosotros, contacto, descarga de la app, registro, privacidad, términos y una página 404 diseñada
- Páginas interiores con herramientas reales: un Dashboard de campo con selectores de rango, un widget en cada página de solución, un estimador de hardware y un creador de reglas de automatización
- Un único estilo de ilustración en vector plano en cada espacio, con las pantallas de la app dibujadas como interfaz viva en el teléfono
- Filtros, búsqueda, carruseles y formularios que validan y confirman, con animaciones suaves que respetan la configuración de movimiento reducido
- Si lo pides, el mismo diseño construido como componentes y rutas en tu propio stack
Cómo usarlo
- Comparte tu marca, tu público, tus productos o soluciones y las páginas que necesitas; bastan unas notas rápidas, y los datos redactados se te listan para que los confirmes
- Aporta ilustraciones que sean tuyas, o deja que genere un conjunto a juego con un tema por espacio
- Abre el archivo terminado en tu navegador, recorre todas las páginas y pide cambios con tus propias palabras
Las ilustraciones nuevas se generan con la herramienta de imágenes de tu agente, que puede tener sus propios cargos por uso. Las fuentes y las imágenes van incrustadas en el archivo final.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre de la marca, público y una breve presentación del producto · Productos, soluciones o historias con descripciones útiles, y las páginas que necesitas · Ilustraciones que sean tuyas, o permiso para generar un nuevo conjunto a juego
- Dependencias
- Node.js 18 o superior en la máquina de tu agente, para ejecutar el script incluido que genera el archivo único sin conexión · Acceso a internet mientras se genera el archivo, para descargar las fuentes una vez e incrustarlas · Una herramienta de generación de imágenes en tu agente, o ilustraciones propias, para el arte específico del producto
- Costos externos
- Las ilustraciones nuevas se generan con la propia herramienta de imágenes de tu agente, lo que puede tener cargos por uso de esa herramienta. Las ilustraciones propias no cuestan nada, y el paisaje rural neutro del ejemplo puede reutilizarse para marcas rurales, de alimentación o de exterior.
- Última prueba
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…