
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Un sitio de herramienta para desarrolladores con un Hero de producto funcional: un estudio de contenidos con entradas, píldoras de estado, filtros, búsqueda y un playground de API bajo un titular centrado y sereno
- Bento de funciones, demo de sincronización del modelo, pestañas de inicio rápido, flujo de merge de ramas, seguridad, caso de cliente, precios y FAQ, además de páginas de documentación, changelog, autenticación, contacto, estado y legales
- Temas claro y oscuro y fotos editoriales generadas para el caso de cliente, la biblioteca de medios y los avatares, todo incrustado en un único archivo que funciona sin conexión
Ideal para
- Equipos que lanzan una API, un CMS headless, un SDK o un producto de infraestructura y quieren que el producto se explique a sí mismo con UI funcional
- Fundadores centrados en desarrolladores que necesitan páginas de documentación, changelog, precios, autenticación y estado a juego con la landing page
- Equipos que quieren un único archivo sin conexión para una demo o un lanzamiento, o el mismo diseño llevado a un proyecto con framework existente
No es para
- Marcas de consumo, estilo de vida o retail: la cuadrícula de bordes, los detalles monoespaciados y las pestañas de código hablan a desarrolladores
- Equipos que necesitan un CMS con base de datos o un blog real: el contenido vive como datos estáticos dentro de la página
- Registro, facturación o monitorización de disponibilidad reales: los formularios y la página de estado son simulaciones front-end con datos de marcador
Lanzamiento de producto y crecimiento de appsDiseño web y experiencias digitalesCrear página webCrear landing pageGenerar plantilla webEstilo fijadoResultado editableEnfocado en conversiónClaro primeroCuadrícula con bordesPestañas de códigoMockups de UI planaAcento verdeDecoración monoespaciada
Acerca de esta Skill

Landing page CMS Contexa crea un sitio de marketing para un producto de desarrolladores que se explica a sí mismo con UI funcional. Es claro por defecto y casi neutro, con un único acento verde, dentro de una fina cuadrícula de bordes con tipografía display ajustada y detalles en monoespaciada. El ejemplo es Contexa, un CMS headless ficticio, mostrado con el espacio de trabajo de su cliente Halvorne Travel.

Lo que obtienes
- Un estudio de contenidos clicable en el Hero: entradas con píldoras de estado, chips de filtro, búsqueda con estado vacío y un panel de petición y respuesta
- Secciones de landing page con maquetas variadas: bento de funciones, una demo de sincronización del modelo al estudio, pestañas de inicio rápido por framework, ramas de contenido con flujo de merge, seguridad y estado, un caso de cliente, precios con selector de facturación, FAQ y registro
- Páginas internas: documentación con búsqueda, changelog y roadmap, registro, inicio de sesión, contacto con ventas, caso de cliente, estado, privacidad, términos y una página de no encontrado
- Temas claro y oscuro, un pie invertido bajo un enorme logotipo desvanecido y un único archivo que se abre en cualquier navegador y funciona sin conexión

Cómo usarlo
- Comparte el nombre de tu producto, la promesa en una línea, los objetos principales, los frameworks compatibles y los planes; lo que falte se redacta y se te lista.
- Tu agente reconstruye el estudio en torno a los objetos de tu producto, reescribe cada sección y página y genera fotos a juego.
- Abre el archivo, alterna entre claro y oscuro, recorre cada pestaña, formulario y página, y pide cambios con tus propias palabras.

Las fotos salen de la herramienta de imágenes de tu agente cuando hay una disponible, que puede tener sus propios costos de uso. Cada cliente, persona y cifra del ejemplo es ficticio y se sustituye por tus datos o por marcadores claramente listados.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre del producto, promesa en una línea y sus objetos principales (entradas, peticiones, jobs o despliegues) · Frameworks o SDK compatibles, el comando de instalación y los nombres y precios de los planes · Datos de seguridad, clientes y citas que puedas confirmar (opcional; los huecos se convierten en marcadores listados)
- 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 editoriales (opcional; sin ella aportas tus fotos o recibes huecos etiquetados)
- Costos externos
- Las fotos del caso de cliente, la biblioteca de medios y los avatares se generan con la herramienta de imágenes de tu agente cuando hay una disponible, lo que puede tener sus propios costos de uso. Sin ella, el agente usa tus fotos o deja huecos claramente etiquetados. Nada más usa un servicio de pago.
- Última prueba
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…









