
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Un sitio de ejemplo terminado para Vaultic y su cliente de muestra Haulstead: la landing page más registro, inicio de sesión, hablar con ventas, changelog, caso de cliente, seguridad, quiénes somos, privacidad, términos y una 404.
- Vistas de producto en vivo en lugar de capturas: crea transferencias, cambia el rango de los gráficos, registra asientos cuadrados en el libro mayor y simula autorizaciones de tarjeta, con un panel de código que muestra cada llamada a la API.
- Tu sitio como un único archivo sin conexión con Manrope y JetBrains Mono incrustadas, temas claro y oscuro, un pequeño conjunto de fotos generadas y las reglas de estilo con las que trabaja tu agente.
Ideal para
- Startups de pagos, banca como servicio, tesorería y APIs para desarrolladores que necesitan un sitio de marketing creíble.
- Equipos que quieren mostrar el producto funcionando, con precios, seguridad y un quickstart para desarrolladores en la misma página.
- Creadores que quieren revisar primero un archivo terminado, con la opción de adaptarlo a su propio stack.
No es para
- Mover dinero real: las vistas de producto y los formularios de registro y ventas son demostraciones con datos de muestra.
- Marcas que quieren violeta, degradados o un Hero brillante; este diseño mantiene un único acento azul marino sobre grises zinc.
- Equipos que necesitan de serie un sitio gestionado por CMS o en varios idiomas.
Lanzamiento de producto y crecimiento de appsDiseño web y experiencias digitalesCrear página webCrear landing pageGenerar plantilla webEstilo fijadoResultado editableEnfocado en conversiónClaro primeroFondo de cuadrícula de crucesAcento azul marinoHero con foto de productoNeutros zinc
Acerca de esta Skill

Cuéntale a tu agente cómo es tu producto de pagos o banca y recibe un sitio fintech sereno, claro por defecto, en el que el producto hace la venta: un titular centrado en tres tiempos, un botón azul marino y una vista de producto funcional con un panel de código superpuesto. El ejemplo es Vaultic, una plataforma ficticia de infraestructura bancaria, con Haulstead como cliente de muestra.

Lo que obtienes
- Una landing page con pestañas de producto, marquesina de clientes, acordeón de funciones, bento de plataforma, explorador de rieles, quickstart, caso de cliente, seguridad, precios, FAQ y franja de lanzamiento
- Páginas de registro, inicio de sesión, hablar con ventas, changelog, caso de cliente, seguridad, quiénes somos, privacidad y términos, además de una 404 diseñada
- Vistas de producto que funcionan: crear una transferencia, cambiar rangos, registrar asientos en el libro mayor y simular autorizaciones de tarjeta
- Precios con selector de facturación y estimador de uso, temas claro y oscuro completos, y fuentes y fotos incrustadas en un solo archivo

Cómo usarlo
- Comparte el nombre de tu producto, su promesa, los objetos que gestiona, los rieles, los precios y tu llamada a la acción principal.
- Tu agente reconstruye las pestañas de producto en torno a tus objetos, redacta y lista los datos que falten, y revisa ambos temas en escritorio y móvil.
- Abre el archivo único, recorre las pestañas y las páginas, y pide cambios con tus propias palabras.

Las afirmaciones de seguridad, los bancos asociados y las certificaciones solo aparecen cuando las confirmas. Las fotos creadas con la herramienta de imágenes de tu agente pueden generar los costos de uso de esa herramienta.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre del producto, promesa en una línea y para quién es · Los objetos que gestiona, los rieles de pago compatibles y los planes de precios · Opcional: datos de seguridad confirmados, bancos asociados, un caso de cliente y la llamada a la acción principal
- 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 las fotos del caso, los retratos y el equipo (opcional; sin ella se mantienen marcadores)
- Costos externos
- Las fotos del caso, los retratos y el equipo se generan con la herramienta de imágenes de tu propio agente, que puede generar los costos de uso de esa herramienta. Si no tienes una, marcadores con el tamaño correcto señalan los huecos que necesitan tus fotos.
- Última prueba
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…








