Communitygithub.com

dedene/website-copy

Escribe o reescribe textos de conversión para páginas web de negocios de servicios (inicio, aterrizaje, servicios, nosotros y contacto), entregando un wireframe, copia anotada con reglas, alternativas de titulares y CTA, y una lista de brechas. Úsalo para 'escribe mi página de inicio', 'reescribe este héroe', 'texto de página de aterrizaje para mis anuncios'. Para revisar una página existente, usa website-conversion-audit.

¿Qué es website-copy?

Website Copy es una habilidad especializada en redacción de textos de conversión para pequeñas y medianas empresas de servicios (oficios, clínicas, coaches, consultores, agencias, profesionales locales). Permite crear o reescribir el contenido de una página a la vez, siguiendo un flujo de trabajo estructurado que comienza con la comprensión del contexto empresarial, la definición del tipo de página y la audiencia, y la construcción de un argumento persuasivo. La habilidad está diseñada para agentes de IA como Claude Code, Cursor y Codex, y su documentación detallada (SKILL.md) proporciona reglas, referencias y plantillas para garantizar que el texto sea claro, persuasivo y esté optimizado para la conversión, evitando inventar pruebas o usar frases prohibidas. El resultado final incluye un wireframe, el texto completo de la página, alternativas de titulares y CTA, y una lista de brechas abiertas (información faltante o suposiciones por confirmar). Su utilidad radica en su enfoque metódico que prioriza la claridad, la especificidad y la orientación al cliente, ayudando a que un visitante entienda la oferta en cinco segundos y sepa exactamente qué hacer a continuación. Es especialmente valioso para negocios de servicios que buscan mejorar su tasa de conversión sin necesidad de habilidades de diseño o HTML, ya que la implementación se trata como un paso separado.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/dedene/skills/tree/HEAD/skills/website-copy

Preguntar en tu IA favorita

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

Documentación

Texto para el sitio web

Escribe las palabras de una página a la vez: elige la estructura, luego redacta el texto sección por sección para que un desconocido entienda la oferta en cinco segundos y sepa qué hacer a continuación. El alcance son pequeñas y medianas empresas de servicios (oficios, clínicas, coaches, consultores, agencias, profesionales locales). Los catálogos de comercio electrónico están fuera de alcance; las páginas SaaS solo encajan de forma aproximada. El resultado es texto más un wireframe, no un diseño ni HTML.

Comienza con el contexto empresarial

  1. Si existe .agents/business-context.md, léelo primero. Úsalo como fuente de verdad y pregunta solo por lo que necesita la página y el archivo no contiene.
  2. Si no existe, realiza una mini-instrucción, una pregunta a la vez:
    • Cliente ideal: quién, en qué situación, cómo llama al problema.
    • El único trabajo del sitio: la acción principal y qué sucede después del clic.
    • Oferta y postura de precios: qué se vende, y precios exactos / desde / rangos / factores / ocultos.
    • Pruebas disponibles: reseñas (plataforma, calificación, cantidad), clientes citables, números reales, fotos.
    • Locale: país, idiomas, formalidad (tú/usted). Para una reescritura completa del sitio o un conjunto de respuestas escaso, sugiere ejecutar primero website-brief y explica por qué. Si no hay nadie disponible para responder: continúa con valores inferidos y enumera las preguntas en Brechas abiertas.
  3. Si la página ya existe, léela antes de escribir (la URL mediante agent-browser, una solicitud simple o las plantillas/contenido del repositorio). A menudo hay buenas líneas ya ahí, enterradas (BRIEF-01).
  4. Declara cada suposición que hagas en el resultado. Nunca inventes pruebas: no uses testimonios, calificaciones, recuentos de clientes, logotipos o resultados que la instrucción no contenga. Usa marcadores de posición como [PRUEBA NECESARIA: testimonio sobre la velocidad de entrega].

Flujo de trabajo

  1. Define el trabajo. Decide cuatro cosas antes de escribir una palabra y menciónalas al inicio del resultado:

    DecisiónOpcionesQué cambia
    Tipo de páginaInicio · página de servicio · página de aterrizaje de pago · Nosotros · contacto/reserva · precios · FAQ · testimoniosEstructura: tipo de inicio por combinación de oferta (STRUCT-01) luego el plano de 10 secciones (STRUCT-02); wireframe de página de servicio (PAGE-01); orden de LP de pago (STRUCT-03); wireframe de Nosotros (ABOUT-01…07); otras páginas en references/page-types.md
    Temperatura del tráficoFrío orgánico · de pago (clic de anuncio) · cálido (referencia, YouTube, asistente de IA)Frío: el argumento completo. De pago: página dedicada, ceja y titular eco del anuncio, sin navegación, 3–5 testimonios en la página (C2, STRUCT-03). Cálido: página más corta, bloque de reserva arriba, argumento completo debajo (AI-04, C18)
    Tipo de ventaLocal/consumidor · Venta compleja B2BConsumidor: reseñas, caras e imágenes de estado posterior como prueba; CTA de reserva, presupuesto o llamada. B2B: prueba = casos de estudio con nombre y citas de clientes (logotipos solo con permiso; PROOF-12); CTA = una llamada de descubrimiento que diga con quién hablarán y por cuánto tiempo (CTA-02, BOOK-02); dirige tanto al campeón como al tomador de decisiones (por ejemplo, una FAQ o sección para TI/DPO); precio mediante rangos o un tamaño mínimo de proyecto (PRICE-03); imagen del héroe = el producto real o entregable en uso (HERO-12)
    LocaleIdioma + país + formalidadEscribe el texto en el idioma de la empresa (neerlandés para Flandes, francés para Valonia). BE/UE: aplica references/be-eu.md (BE-01…07: transcreación, formalidad, palabras potenciadoras, nombres de lugares, formatos; BE-35/36: afirmaciones modestas, humanos visibles)

    Desviaciones de orden permitidas: oficios de emergencia colocan beneficios y pruebas justo después del héroe; las páginas de tráfico cálido pueden fusionar problema y solución (C17).

  2. Fija las acciones. Una acción principal por página (CTA-01). Escribe el texto del botón una vez (verbo de acción + qué sucede después, CTA-02, nunca una frase CTA-03), su línea potenciadora (CTA-08) y el paso 1 del proceso con las mismas palabras (CTA-09). Elige el camino posterior al clic según el modelo de negocio (reserva vs formulario de presupuesto vs llamada, C12). Añade una oferta transicional solo como un enlace de texto subordinado o su propia sección inferior (CTA-10, C1). Las LP de pago no tienen acción secundaria.

  3. Traza el argumento. Antes del héroe, escribe el estado inicial del lector (etapa de conciencia, FLOW-02), el estado final que hace obvia la CTA y las 4–7 creencias intermedias en orden de dependencia (FLOW-01). Enumera las principales objeciones y la sección donde surge cada una (FLOW-07). La cadena decide qué secciones existen; la estructura del paso 1 es la forma predeterminada (references/flow.md).

  4. Escribe el héroe. Elige la fórmula del titular según el tipo de negocio (HERO-02: transformación, problema o simple qué-haces), anclado en el deseo del cliente, no en tu categoría (HERO-03). El subtítulo proporciona la mitad faltante: qué/cómo, quién, formato, lugar (HERO-06). Añade una ceja (HERO-08), tres resultados (HERO-09), un botón + potenciador (HERO-10), una prueba real o un marcador de posición (HERO-11) y una breve descripción de imagen que muestre el estado posterior del cliente (HERO-12). Verifícalo con los siete fallos (HERO-05) y la prueba de 5 segundos (HERO-01).

  5. Distribuye las secciones. Una creencia por sección: cada fila del wireframe dice qué requiere, qué establece y qué pregunta deja abierta (FLOW-03); la siguiente sección responde esa pregunta (FLOW-04). Ninguna afirmación por encima de las creencias que necesita (FLOW-06). Cada encabezado es un mini-titular, no una etiqueta (STRUCT-06). Asigna pruebas a afirmaciones y contraargumentos a objeciones antes de escribir el texto del cuerpo (PROOF-08, FLOW-07).

  6. Escribe cada sección. Palabras del cliente sobre palabras de la industria (COPY-01), "tú" dominante excepto en Nosotros (COPY-02, C5), beneficios primero con la característica que los permite (COPY-04), especificidad sobre clichés (COPY-11), nivel de lectura 7–8 (COPY-09; ≈ CEFR B1, "klare taal" en NL, "langage clair" en FR). Coloca cada testimonio junto a la afirmación que prueba (PROOF-03, PROOF-07). Di algo concreto sobre el precio (PRICE-01, PRICE-03). FAQ alterna preguntas reales con objeciones e incluye respuestas logísticas (AI-01).

  7. Recorta y revisa. Reduce el borrador aproximadamente a la mitad donde las personas deciden (C3, tabla de longitud de texto en references/copy.md). Realiza la revisión de calidad del texto en ese archivo (claridad → lenguaje del cliente → ¿y qué? → pruébalo → especificidad → emoción → riesgo cero → consistencia → locale). Revisa la lista de frases prohibidas.

  8. Prueba el flujo. Prueba de solo encabezados y prueba de costura en cada par de vecinos: "por lo tanto" o "pero", nunca "y también" (FLOW-04, FLOW-05). Verifica que la CTA final sigue la última pregunta cerrada (FLOW-08). Luego ejecuta el panel de lectores hostiles; corrige cualquier objeción que 3+ lectores planteen y ejecútalo una vez más (FLOW-09).

  9. Entrega usando el contrato de resultado a continuación, luego ofrece un pase de des-AI (humanizer / stop-slop) y, para texto NL-BE, belgisch-nederlands-redacteur si está disponible.

  10. La implementación es un paso separado. No generes HTML a menos que se te pida. Si el proyecto tiene un código base y el usuario pide implementar, primero consigue la aprobación del texto, luego constrúyelo en los componentes existentes del proyecto, o entrégalo. Pregunta antes de editar un sitio en vivo o CMS.

Contrato de resultado

El texto está en el idioma de la página, al nivel de lectura COPY-09 para ese idioma; las anotaciones y la justificación están en el idioma en que el usuario te escribe.

# [Página] texto: [nombre del negocio]

**Tipo de página:** … · **Tráfico:** frío / de pago / cálido · **Tipo de venta:** consumidor / B2B · **Idioma:** … (formalidad) · **CTA principal:** "…" · **Secundaria:** "…" o ninguna
**Contexto usado:** .agents/business-context.md (vN) / mini-instrucción / página existente en … · **Suposiciones:** …

## Argumento
**Estado inicial:** … (etapa de conciencia, FLOW-02) · **Estado final:** …
**Creencias:** C1 … → C2 … → … → C7 …
**Objeciones:** "…" → contraargumento en sección n (FLOW-07) · …

## Wireframe
| # | Sección | Requiere | Establece | Pregunta del lector después | Reglas aplicadas |
|---|---|---|---|---|---|
| 1 | Héroe | — | C1 | "…" | HERO-02 (fórmula 2), HERO-06, HERO-10, CTA-08 |
| 2 | … | … | … | … | … |

**Verificación de flujo:** prueba de solo encabezados · costuras (n→n+1: por lo tanto / pero) · panel: objeciones planteadas por 3+ lectores y cómo se corrigieron (FLOW-04, FLOW-05, FLOW-09)

## Texto

### 1. Héroe · HERO-02 (fórmula …), HERO-06, HERO-08, HERO-09, HERO-10, HERO-11
- Ceja: …
- Titular: …
- Subtítulo: …
- Resultados: … / … / …
- Botón: … · Potenciador: …
- Prueba: … o [PRUEBA NECESARIA: …]
- Breve descripción de imagen: …
> Por qué: una línea sobre la elección que importa.

### 2. [Nombre de la sección] · [IDs de reglas]
- Encabezado: …
- Cuerpo: …
- Botón (si lo hay): misma redacción que el héroe
> Por qué: …

(un bloque por fila del wireframe)

## Alternativas
**Titulares**
1. "…" · fórmula … · por qué / cuándo elegirlo
2. "…" · …
3. "…" · …

**CTA principal**
1. "…" · …
2. "…" · …

## Meta (páginas web)
- Etiqueta de título: … · Meta descripción: …

## Brechas abiertas
- [PRUEBA NECESARIA: …] → cómo obtenerla (PROOF-20)
- Suposiciones a confirmar: …
- Recursos necesarios: foto real del equipo, fotos de portafolio, …
- Decisiones para el propietario: ej. rangos de precio públicos o protegidos (C13)

Reglas que más importan aquí

  • Un lector, una página, una acción. Escribe para el único cliente ideal de la instrucción (BRIEF-02); una CTA, redactada de manera idéntica en todas partes (CTA-01, CTA-04).
  • El héroe carga la página. Fórmula según el tipo de negocio (HERO-02); el titular y el subtítulo juntos responden qué, para quién, por qué es importante (HERO-01, HERO-06). Sin "Bienvenido a", premios, juegos de palabras ingeniosos o nombres de métodos no explicados en el héroe (HERO-05, BRIEF-07).
  • Claro vence a ingenioso. Sencillo, conversacional, las frases textuales del cliente (COPY-01, COPY-08). Las líneas ingeniosas sobreviven solo si la siguiente línea las resuelve.
  • Cliente como héroe, negocio como guía. Lidera con su problema y estado posterior; preséntate en la sección de solución con empatía más autoridad (COPY-02, STRUCT-02 fila 3). En una página, historia significa estructura, no un cuento "Conoce a María" (STORY-01, STORY-02).
  • Cada sección gana la siguiente. Una creencia por sección, en orden de dependencia; cada una responde la pregunta que la anterior planteó; los vecinos se conectan con "por lo tanto" o "pero" (FLOW-01, FLOW-04, FLOW-05). Las objeciones se responden donde surgen, no solo en la FAQ (FLOW-07).
  • Alarde → beneficio → prueba. Cada afirmación responde "¿y qué?" (COPY-03) y tiene prueba dentro de un desplazamiento (PROOF-07). Los superlativos no comprobables se eliminan.
  • Específico o elimínalo. Números, plazos, detalles del proceso; números no redondeados solo si son reales (COPY-11, COPY-12, PROOF-10).
  • Habla del precio. Exacto, desde, rangos, factores o trabajos de ejemplo según el tipo de precio (PRICE-03).
  • Breve donde las personas deciden. Héroe = titular + una oración + botón; 3 beneficios, 3 pasos, ~6 FAQs (C3, tabla de longitud de texto). La página Nosotros y los anuncios de formato largo pueden ser extensos.

Referencias

ArchivoLéelo cuando
references/principles.mdSiempre hojea primero: los 15 principios, valores predeterminados cuando falta contexto, contradicciones C1–C21 y cómo resolverlas
references/brief.mdNo existe un archivo de contexto, o necesitas la plantilla de contexto, preguntas de voz del cliente o reglas de posicionamiento
references/hero.mdEscribir cualquier héroe: fórmulas, fallos, anatomía, diseños por tipo de negocio, galería de reescrituras, prueba de 5 segundos
references/page-structure.mdElegir el tipo de inicio y el orden de las secciones, órdenes de LP de pago/orgánico, marcos de historia, navegación, escaneabilidad
references/flow.mdSiempre, antes de distribuir las secciones: el mapa de argumentos, cadena de preguntas, prueba de costura, colocación de objeciones, panel de lectores hostiles
references/page-types.mdPáginas de servicio, multiservicio, Nosotros, testimonios, contacto/reserva, FAQ y precios
references/copy.mdEscribir el texto de las secciones: reglas de mensajería, fórmulas de encabezados de sección, narración, tabla de longitud, frases prohibidas, revisión de calidad
references/proof-trust.mdSeleccionar y colocar pruebas, alternativas sin testimonios, tablas de comparación, garantías, visualización de precios
references/cta-forms.mdRedacción de botones, líneas potenciadoras, reserva vs formulario vs llamada, campos de formulario, página de agradecimiento
references/lead-offer.mdLa página incluye una sección de oferta transicional, una página de suscripción o una página de agradecimiento
references/ai-search.mdTexto de FAQ y precios que debe responder preguntas de asistentes de IA; tráfico cálido y preseleccionado
references/be-eu.mdEl negocio está en Bélgica o la UE: idioma, formalidad, pie de página legal, consentimiento, reglas de reseñas y precios
references/sources.mdVerificar de dónde proviene una regla, o citar una fuente

Barreras de seguridad

  • Solo psicología veraz: escasez, urgencia, prueba social, anclajes y "como se ve en" deben ser reales y verificables (principio 13, C14, C15).
  • Sin pruebas inventadas. La prueba faltante se convierte en un marcador de posición [PRUEBA NECESARIA: …] y un elemento en Brechas abiertas.
  • Las estadísticas en las referencias marcadas como ilustrativas (números de Wes e invitados) explican la dirección. Nunca las pongas en el texto del cliente ni las cites como un hecho.
  • El texto para profesiones reguladas (médico, legal, financiero) se mantiene dentro de sus reglas publicitarias; señala las afirmaciones que hay que verificar.
  • Pregunta antes de publicar, enviar a un CMS o editar un sitio en vivo.

Habilidades relacionadas

  • website-brief: construir o actualizar .agents/business-context.md antes de una gran reescritura.
  • website-conversion-audit: encontrar qué está mal en una página existente antes de reescribirla.
  • website-lead-magnet: diseñar la oferta transicional, sus páginas de suscripción y agradecimiento, y los correos de nutrición.
  • humanizer / stop-slop (si están disponibles): eliminar patrones de escritura de IA del texto final.
  • belgisch-nederlands-redacteur (si está disponible): pulir el texto en neerlandés belga.

Orientación destilada del canal de YouTube de Wes McDowell (ver references/sources.md). Ideas de estructura adaptadas de coreyhaines31/marketingskills (MIT).

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Skills relacionados