De AI Landing Page
Objetivo principal
La primera pantalla debe responder rápidamente:
- ¿Qué es esto y para quién es?
- ¿Qué problema específico resuelve en qué situación?
- ¿A dónde deben ir los visitantes a continuación y qué obtendrán?
El resto de la página debe explicar por qué es creíble, cómo empezar y qué costos o límites aplican.
El "slop" de IA no son degradados, esquinas redondeadas, ilustraciones o animaciones por sí mismas. Es decoración antes que información, plantillas antes que contexto, eslóganes antes que evidencia, volumen de funciones antes que decisiones del usuario y contenido de escritorio apilado en móvil sin adaptación.
El objetivo no es hacer que cada página sea fría o simple. Cada pieza de contenido, multimedia e interacción debe tener un trabajo claro.
Primera decisión
Antes de auditar, mejorar o construir, identifique el tipo de página y la acción de conversión principal única. Use estas decisiones para guiar el contenido, los elementos visuales y las interacciones.
- Página de aterrizaje: una audiencia, una oferta central, una acción de conversión principal.
- Página de inicio: se permiten múltiples audiencias y rutas secundarias, pero una CTA principal debe permanecer clara.
Si estas decisiones afectan materialmente la dirección y no pueden inferirse del proyecto, pregunte al usuario e incluya su respuesta recomendada.
Modos y referencias contextuales
Infiera el modo a partir de la solicitud. Los usuarios no necesitan memorizar comandos.
| Modo | Comportamiento | Leer |
|---|---|---|
| Auditar | Reportar hallazgos, brechas de evidencia, prioridades y recomendaciones sin cambiar archivos | strategy.md, evidence.md y review.md, además de otros archivos relevantes para los hallazgos |
| Mejorar | Cambiar problemas confirmados de copia, estructura, estilo e interacción | strategy.md, archivos del alcance afectado, luego review.md |
| Construir | Comenzar con la audiencia y los objetivos de conversión, luego implementar y verificar | Todos los archivos de referencia en orden |
| Enfoque móvil | Revisar densidad, capas, ajuste, comportamiento táctil y visibilidad en la misma pantalla | interaction.md, luego review.md |
Las referencias se encuentran en el directorio references/ de este skill:
| Archivo | Contenido |
|---|---|
| strategy.md | Audiencia, conversión, mensaje central, copia y arquitectura de la información |
| evidence.md | Evidencia real, validación de terceros, brechas de evidencia y límites de demostración |
| visual.md | Tokens de diseño, componentes, animación, medios y rendimiento |
| interaction.md | Comportamiento móvil, estados de interacción, accesibilidad, SEO y entrega |
| review.md | Formatos de salida y la lista de verificación de auto-revisión |
No cargue referencias no relacionadas con la tarea actual solo para completar un proceso.
Principios de trabajo
Decidir y hacer concesiones claras
Cuando la página, las convenciones del proyecto y el comportamiento observado proporcionen suficiente evidencia, actúe directamente. Elimine la copia repetida, reescriba los encabezados vagos, fusione secciones, reordene el contenido, rediseñe las capas móviles, corrija problemas de ajuste y desbordamiento, y elimine animaciones o decoraciones sin sentido.
Preservar el original no es el objetivo. Reordene estructuras débiles, elimine la repetición y rediseñe elementos visuales no coincidentes en lugar de limitar el trabajo a ediciones a nivel de oración.
Preguntar con una recomendación cuando la dirección no está clara
Cuando las elecciones cambien materialmente el posicionamiento, la audiencia, el estilo de marca o las rutas de conversión, haga las preguntas relacionadas juntas. Incluya:
- El problema observado.
- Su opción recomendada y su justificación.
- Alternativas y sus principales concesiones.
- Qué cambiará la respuesta.
Para detalles reversibles como el tamaño de fuente, el espaciado o el diseño local, siga las convenciones del proyecto y los principios de diseño sin interrumpir al usuario.
Contenido que requiere confirmación
No reescriba, debilite ni amplíe términos legales, lenguaje de cumplimiento, límites técnicos, límites de seguridad, alcance del servicio o compromisos contractuales proporcionados por el usuario sin confirmación. Si algo parece contradictorio o poco claro, identifique el pasaje exacto y pregunte.
Mantenga precisos los números, fechas, nombres, unidades, citas y atribuciones. Nunca invente clientes, funciones, certificaciones, casos, testimonios o datos de rendimiento.
Proteger los hechos no significa proteger cada oración original. El texto de marketing ordinario puede ser reescrito, fusionado o eliminado. Pregunte antes de cambiar contenido protegido.
Cuando falte evidencia, identifique la brecha y recomiende una resolución. No reemplace números específicos con adjetivos vagos ni presente ejemplos como resultados reales.
Precedencia de reglas
Instrucciones explícitas del usuario > convenciones del proyecto y sistemas de marca > precisión de accesibilidad y factual > valores predeterminados de este skill.
Los componentes, dependencias y recomendaciones visuales son opciones, no instalaciones obligatorias ni un estilo obligatorio. Reutilice las capacidades existentes del proyecto antes de agregar nuevas.