Landing page SaaS Loopwisev1.0.6
Usa esta Skill para crear página web.
En auge
5.033 descargas0 me gusta0 guardados
$4.99
¿Qué obtengo al comprar esta Skill?Un sitio de marketing sereno y luminoso para un producto de colaboración o gestión de proyectos, con el propio producto como Hero. Un titular centrado de dos líneas sobre un tablero de proyecto en vivo que puedes cambiar a cronograma y lista, seguido de paneles de flujo de trabajo funcionales, un bento de capacidades, informes, un caso de cliente, seguridad, precios, FAQ y artículos. Incluye comparativa de precios, blog, changelog, sobre nosotros, contacto, inicio de sesión, registro y páginas legales, con un tema oscuro completo.
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 SaaS completo: inicio más comparativa de precios, un blog con siete artículos completos, changelog, sobre nosotros y empleo, contacto, inicio de sesión, registro, restablecimiento de contraseña, legales y 404
- Interfaz de producto dibujada en código que responde: vistas de tablero, cronograma y lista, chips de filtro, una demo de dependencias, un selector de rango del resumen y reequilibrio de riesgos con deshacer
- El estilo Loopwise: fondo blanco con suaves velos celeste, menta y melocotón, grano fino, tipografía pizarra y un único acento azul, en un único archivo sin conexión
Ideal para
- Equipos que lanzan un producto de gestión de proyectos, colaboración o productividad y necesitan un sitio creíble rápidamente
- Creadores de help desks, CRM y herramientas para desarrolladores que pueden renombrar el tablero, el resumen y las filas de riesgo según sus propios objetos
- Responsables de marketing que quieren páginas de blog, changelog y comparativa que ya encajen con la página de inicio
No es para
- Un sitio gestionado por CMS o multilingüe; los artículos y las entradas del changelog viven como contenido estático en la página
- Marcas que quieren un aspecto oscuro o llamativo por defecto; Loopwise es claro primero, con el oscuro como opción
- Registros reales: los formularios de autenticación y contacto validan y confirman en la página, y necesitan tu propio backend
Lanzamiento de producto y crecimiento de appsDiseño web y experiencias digitalesCrear página webCrear landing pageGenerar plantilla webEstilo fijadoResultado editableEnfocado en conversiónHero con dashboardClaro primeroTarjetas redondeadasMovimiento marquesinaTextura de granoLavado degradado pastel
Acerca de esta Skill
Describe tu producto y recibe un sitio de marketing sereno y luminoso en el que el producto es el Hero: un titular centrado de dos líneas sobre un tablero de proyecto en vivo dentro de un marco de cristal. Cada recorrido que necesita un visitante, desde comparar planes hasta leer un artículo o registrarse, funciona, y todo el sitio llega como un único archivo que se abre sin conexión en cualquier navegador.
Lo que obtienes
- Un tablero en el Hero que puedes cambiar a cronograma y lista, una marquesina de logotipos de clientes y un carrusel de flujos de trabajo con pestañas de iconos y paneles funcionales
- Un bento de capacidades de seis celdas, filas de informes con un gráfico de resumen y reequilibrio de riesgos, un caso de cliente y un mosaico de testimonios
- Seguridad e integraciones, precios con selector mensual o anual, FAQ y una fila de artículos
- Páginas de comparativa de precios, blog y artículos, changelog, sobre nosotros y empleo, contacto, inicio de sesión, registro, restablecimiento de contraseña, legales y 404
- Un tema oscuro funcional, con fuentes y fotos incrustadas para que la página no haga peticiones de red
Cómo usarlo
- Dale a la Skill el nombre de tu producto, su promesa, los objetos que gestiona, las capacidades clave, los niveles de precios y el llamado a la acción principal.
- Reconstruye el tablero, los paneles y el resumen en torno a tus objetos, redacta lo que falte y te lo lista para que lo confirmes.
- Abre el archivo en modo claro y oscuro, recorre cada pestaña, formulario y página, y pide cambios con tus propias palabras.
Las fotos nuevas salen de la herramienta de imágenes de tu agente, que puede tener sus propios cargos por uso.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre del producto, una promesa en una línea y los objetos que gestiona (tareas, proyectos, documentos, solicitudes) · De cuatro a seis capacidades clave, integraciones y datos de seguridad que puedas confirmar · Niveles de precios y límites, el llamado a la acción principal y datos de la empresa para Sobre nosotros
- 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 imágenes en tu agente para las fotos del caso de cliente, del equipo y los retratos; opcional si aportas las tuyas
- Costos externos
- Las fotos que no aportes se generan con la propia herramienta de imágenes de tu agente, lo que puede tener cargos por uso de esa herramienta. La interfaz del producto está construida en código y la página terminada no hace peticiones de red. Ver el ejemplo no cuesta nada.
- Última prueba
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…