Communitygithub.com

tonone-ai/tonone

Se utiliza cuando se solicita estructurar una página de aterrizaje, diseñar un diseño de página para conversión o planificar la arquitectura de información de una página de aterrizaje. Ejemplos: 'estructura de página de aterrizaje para SaaS', 'diseño optimizado para conversión'.

¿Qué es tonone?

Esta habilidad, llamada draft-landing, está diseñada para ayudar a un agente de IA a crear la arquitectura de información de páginas de aterrizaje optimizadas para conversión. Su objetivo es guiar al agente en la identificación del tipo de producto, la búsqueda de patrones de páginas de aterrizaje y de razonamiento del producto, y la validación de cada sección mediante la prueba del '¿y qué?', asegurando que cada elemento tenga un propósito claro de conversión. La habilidad es útil para desarrolladores que necesitan estructurar el contenido de una landing page de manera eficiente, ya que automatiza la investigación inicial y proporciona una salida estructurada en formato de tabla con indicadores de CTA. Funciona principalmente con herramientas de línea de comandos (CLI) y se basa en un límite de 40 líneas para la salida, redirigiendo análisis más extensos a informes HTML. Está pensada para plataformas como Claude Code, Cursor o Codex, y su flujo de trabajo incluye pasos como la identificación del producto, la búsqueda de patrones y la validación rigurosa de cada sección para evitar anti-patrones comunes en el diseño de landing pages. La habilidad está diseñada para agentes de IA que necesitan generar estructuras de páginas de aterrizaje de manera consistente, siguiendo un formato de salida estrictamente definido que incluye un diagrama de caja, indicadores de gravedad unificados y prosa comprimida. Además, incluye anti-patrones claros que el agente debe evitar, como omitir la prueba del '¿y qué?' o colocar el CTA principal debajo del pliegue. Para análisis más profundos, se invoca el comando `/atlas-report`, que genera un informe HTML completo, mientras que la salida CLI se limita a un resumen conciso con los hallazgos principales y la ruta del informe.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/tonone-ai/tonone/tree/HEAD/skills/draft-landing

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

draft-landing — Arquitectura de Información para Páginas de Aterrizaje

Sigue el formato de salida definido en docs/output-kit.md — máximo 40 líneas CLI, esqueleto con cajas, indicadores de gravedad unificados y prosa comprimida.

Cuándo usarlo

El usuario necesita una estructura de página de aterrizaje, un orden de secciones o un diseño optimizado para conversión. El tipo de producto es conocido o se puede descubrir.

Flujo de trabajo

  1. Identificar el tipo de producto a partir de la solicitud del usuario o del contexto del proyecto
  2. Buscar patrones de páginas de aterrizaje:
    python3 -m draft_agent.uiux search --domain landing --query "{product_type}" --limit 3
    
  3. Buscar razonamiento del producto para el contexto de audiencia y conversión:
    python3 -m draft_agent.uiux search --domain product --query "{product_type}" --limit 3
    
  4. Validar cada sección con la prueba del "¿y qué?" — cada sección debe ganarse su lugar
  5. Generar la salida con el orden de las secciones y los marcadores de ubicación de CTA

Formato de salida

┌─ Arquitectura de Información de Landing Page — {product_type} ────────────────┐
│ #  │ Sección            │ Propósito                    │ ¿CTA?         │
├────┼────────────────────┼──────────────────────────────┼───────────────┤
│  1 │ {nombre_sección}   │ {propósito}                  │ CTA Principal │
│  2 │ {nombre_sección}   │ {propósito}                  │ —             │
│  3 │ {nombre_sección}   │ {propósito}                  │ CTA Secundario│
│  … │ …                  │ …                            │ …             │
└────┴────────────────────┴──────────────────────────────┴───────────────┘

Estrategia de conversión: {estrategia}
Orientación para el texto del CTA: {orientación_cta}

Anti-patrones

  • Nunca omitas la prueba del "¿y qué?" por sección — si una sección no puede responderla, elimínala
  • Nunca agregues secciones sin un propósito de conversión claro
  • Nunca coloques el CTA principal debajo del pliegue en la primera pantalla
  • Nunca estructures la página sin conocer la audiencia principal y su trabajo por hacer

Entrega

Si la salida supera el límite de 40 líneas CLI, invoca /atlas-report con los hallazgos completos. El informe HTML es la salida. La CLI es el recibo — encabezado de caja, veredicto de una línea, los 3 hallazgos principales y la ruta del informe. Nunca vuelques el análisis a la CLI.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Skills relacionados