
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Un sitio de ejemplo terminado para Beanhop, una app de cultura de equipo: la landing page más páginas de artículo, changelog, registro, inicio de sesión, contacto, privacidad, términos y una página 404 diseñada.
- Una ventana de producto clicable, una biblioteca de rituales con búsqueda y filtros, un selector de facturación con estimación por tamaño de equipo, formularios validados y una explosión de confeti, todo renombrado para tu producto.
- Tu sitio como un único archivo sin conexión con Bricolage Grotesque, Figtree y Gochi Hand incrustadas, además de las reglas de estilo, el plan de imágenes y la checklist con los que trabaja tu agente.
Ideal para
- Fundadores y creadores independientes que quieren una página de lanzamiento o lista de espera con calidez y personalidad en lugar de brillo corporativo.
- Apps de equipos, comunidades o hábitos cuya historia trata de personas, celebración e impulso.
- Equipos pequeños que también necesitan las páginas internas: changelog, registro, artículos del blog y páginas legales.
No es para
- Marcas oscuras, de efecto cristal o ultraminimalistas; Confetti es deliberadamente vivo y desenfadado, sin tema oscuro.
- Sitios que necesitan un CMS: los artículos del blog y las entradas del changelog viven en los datos de la propia página, no en un editor.
- Registros o pagos reales: los formularios validan y confirman en la página, pero no envían nada hasta que conectes un backend.
Lanzamiento de producto y crecimiento de appsDiseño web y experiencias digitalesCrear landing pageEstilo fijadoResultado editableCuadrícula de puntosAcento esmeraldaPastel divertidoSombras suavesTarjetas sticker
Acerca de esta Skill

Describe tu producto y recibe un sitio de marketing desenfadado: una página porcelana unida por paneles de cuadrícula punteada, un único acento esmeralda y tarjetas tipo pegatina inclinadas que le dan un aire colocado a mano. El ejemplo es Beanhop, una app ficticia que reúne reconocimientos, cumpleaños y rituales en un solo feed para equipos remotos.

Lo que obtienes
- Una landing page con un Hero sereno, trío de funciones, ventana de producto, bento animado, biblioteca de rituales, mapamundi, precios, testimonios, blog, FAQ y suscripción por email
- Páginas internas que funcionan: artículos del blog, un changelog con filtros y búsqueda, registro, inicio de sesión, contacto, privacidad, términos y una página 404 diseñada
- Una ventana de producto y gráficos dibujados con código y renombrados con las personas y objetos de tu propio producto
- Tres fuentes incrustadas y un pequeño conjunto de fotos, para que el archivo se abra sin conexión en cualquier navegador

Cómo usarlo
- Comparte el nombre de tu producto, qué hace, tus planes y cualquier testimonio o idea de artículo; unas notas aproximadas bastan.
- Tu agente rellena cada sección y página, añade fotos donde las usaría el sitio de una empresa real y revisa el resultado en escritorio y móvil.
- Abre el archivo único, recorre las páginas y pide cambios con tus propias palabras.

Las fotos creadas con la herramienta de imágenes de tu agente pueden tener sus propios costos de uso; sin ella, la página mantiene huecos dimensionados para tus propias fotos.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre del producto, público y una propuesta de valor en una línea · Capacidades clave, planes con precios y una colección para explorar (plantillas, recetas o integraciones) · Opcional: testimonios, un caso de cliente, ideas de artículos y tus propias fotos
- 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 para retratos y portadas de artículos (opcional; sin ella aportas tú las fotos)
- Costos externos
- Los retratos de testimonios, la foto del caso de cliente y las portadas de artículos se generan con la herramienta de imágenes de tu agente cuando está disponible, lo que puede tener sus propios costos de uso. Sin herramienta de imágenes, tu agente te pide tus fotos y deja huecos dimensionados.
- Última prueba
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…









