Communitygithub.com

mkt-full-video-with-11-hyperframe-heygen

Pipeline completo de video corto: desde el guion (Vietnamita/Inglés) hasta un MP4 TikTok/Reels 9:16 listo. Orquestador de 3 fases que combina habilidades existentes.

¿Qué es mkt-full-video-with-11-hyperframe-heygen?

Esta habilidad es un orquestador de extremo a extremo que automatiza la creación de videos cortos de formato vertical (9:16) para plataformas como TikTok y Reels, partiendo de un guion de texto. Su principal ventaja es combinar múltiples servicios de IA en un solo pipeline, con puntos de control para que el usuario revise y apruebe el audio antes de continuar. Soporta dos proveedores de texto a voz (TTS): ElevenLabs (por defecto, con la voz de Hoàng) y MiniMax, ambos configurables mediante variables de entorno. Tras la generación del audio, el pipeline usa HeyGen para crear un video de avatar con sincronización de labios y, finalmente, delega el empaquetado completo del video (transcripción, estructura de escenas, escritura paralela de contenido, efectos de sonido, subtítulos y vista previa) a un subagente especializado. Está diseñado para desarrolladores y creadores que buscan un flujo de trabajo eficiente y modular para la producción de videos cortos.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/lexuanthanhhy/MKT.LANDINGPAGE.SKILLS/tree/HEAD/.claude/skills/mkt-full-video-with-11-hyperframe-heygen

Preguntar en tu IA favorita

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

Documentación

¿Qué hace mkt-full-video-with-11-hyperframe-heygen?

Orquestador de extremo a extremo: script → video final TikTok/Reels MP4 9:16.

El pipeline tiene 2 puntos de control de usuario:

  1. Punto de control de MP3 (orquestador) — después de la Fase 1, el usuario revisa la locución.
  2. Punto de control de esquema de escenas (subagente de la Fase 3) — el usuario revisa la estructura de escenas + variante antes de que los escritores de contenido se desplieguen. Se puede omitir si el usuario pasa auto_scenes=true.

Cuándo usar

  • El usuario tiene un guion en Vietnamita/Inglés de ≤ 5000 caracteres y quiere un video de TikTok completo.
  • Tiene imágenes o videos de respaldo (b-roll) opcionales con un propósito definido.
  • Quiere ir directamente del guion a la vista previa en Studio.

No uses esta habilidad si:

  • El usuario ya tiene un MP3 listo → usa directamente heygen-mp3-to-mp4.
  • El usuario ya tiene un MP4 de avatar parlante listo → usa directamente mkt-hyperframe-talking-head-video.
  • El usuario necesita que HeyGen lea el texto directamente (sin pasar por ElevenLabs) → usa heygen-script-to-mp4.
  • El guion tiene más de 5000 caracteres → divídelo semánticamente y ejecuta el pipeline para cada segmento.

Resumen del pipeline

Script (texto + b-roll opcional + tts_provider)
    │
    ▼
Fase 1 ── TTS (elevenlabs | minimax) ──► voiceover.mp3
    │                                         │
    │                                         ▼
    │                              PUNTO DE CONTROL #1 — el usuario escucha y aprueba el MP3
    │                                         │
    │                                         ▼ (OK)
Fase 2 ── heygen-mp3-to-mp4 ──────────► source.mp4 (9:16 sincronización de labios)
    │
    ▼
Fase 3 ── generar agente mkt-full-video-phase3-packager (contexto aislado)
            │
            ├─ transcribir + limpiar + agrupar subtítulos
            ├─ detectar límites de escenas + clasificar variante de maqueta
            ├─ PUNTO DE CONTROL #2 — el usuario revisa el esquema de escenas
            ├─ DESPLIEGUE de N subagentes de propósito general (1 por escena) en paralelo
            │   → cada subagente construye un JSON de contenido según el esquema de la variante
            ├─ fusionar → scenes.json
            ├─ en paralelo: anda subcomponentes + copiar SFX + inyectar subtítulos
            ├─ generar index.html raíz
            └─ lint + vista previa Studio
    │
    ▼
El usuario revisa la vista previa → "render" → MP4 final

Regla de puntos de control: El orquestador gestiona el punto de control #1 (MP3). Las fases 2 y 3 se ejecutan automáticamente. El punto de control #2 (esquema de escenas) es gestionado por el subagente de la Fase 3. La puerta de renderizado final está en Studio.

Entradas

EntradaRequeridaFormato / ejemplo
Texto del guionSíRuta de archivo (.txt/.md) o cadena de texto en línea. ≤ 5000 caracteres.
Proyecto slugNoSe deriva automáticamente de las primeras 5 palabras del guion. Minúsculas, ASCII, guiones.
Lista de b-rollNoArray [{path: "...", purpose: "Lección 1 — ilustración X"}, ...].
tts_providerNoelevenlabs (predeterminado — voz de Hoàng, expresiva) o minimax (speech-2.8-hd, más barato, lectura en vietnamita natural). El usuario dice "usa minimax" / "usa eleven" → se establece según eso.
Anulación de ID de vozNoAnula el valor predeterminado de .env. ElevenLabs lee ELEVENLABS_VOICE_ID, MiniMax lee MINIMAX_VOICE_ID. Bandera CLI --voice_id para ambos.
Anulación de configuración de vozNoElevenLabs: {stability, similarity_boost, style}. MiniMax: {speed, vol, pitch}.
Apariencia del avatarNo1 ID tomado de la variable de entorno HEYGEN_AVATAR_LOOKS (.env, separado por comas). Aleatorio si no se selecciona.
auto_scenesNoPredeterminado false. true para omitir el punto de control del esquema de escenas en la Fase 3.

Estructura del espacio de trabajo

workspace/content/YYYY-MM-DD/<slug>/
├── script.txt              # Fase 0
├── voiceover.mp3           # Fase 1
├── source.mp4              # Fase 2
├── broll/                  # B-roll proporcionado por el usuario (copia)
├── transcript.json         # Fase 3
├── caption-groups.json     # Fase 3
├── scenes-outline.json     # Fase 3 — esquema previo al punto de control
├── scenes/                 # Fase 3 — el contenido por escena se escribe aquí
│   ├── scene-1.json
│   └── ...
├── scenes.json             # Fase 3 — fusionado final
├── compositions/           # Fase 3 — subcomponentes HF
├── sfx/                    # Fase 3 — 6 efectos de sonido
└── index.html              # Fase 3 — composición raíz

YYYY-MM-DD = hoy (UTC+7).

Flujo de trabajo

Paso 0 — Configuración

  1. Validar len(script_text) <= 5000. Si excede → detenerse, solicitar al usuario que divida semánticamente.
  2. Derivar slug si falta: primeras 5 palabras → minúsculas → quitar tildes → espacios a guiones.
  3. Resolver proveedor de TTS — leer tts_provider de la entrada del usuario (predeterminado elevenlabs). Si el usuario dice "usa minimax" / "cambiar a minimax" → minimax. Si el usuario dice "usa eleven" / "elevenlabs" → elevenlabs. Validar que la clave de API correspondiente exista en .env:
    • elevenlabs → necesita ELEVENLABS_API_KEY (ELEVENLABS_VOICE_ID opcional para anular el predeterminado K7ewtjKRNtwwt3lKQ6M0).
    • minimax → necesita MINIMAX_API_KEY (MINIMAX_VOICE_ID opcional para anular el predeterminado moss_audio_c56d6120-ef9c-11f0-9649-8ee40147f116). Si falta la clave → detenerse, informar al usuario que la agregue a .env.
  4. Crear workspace/content/YYYY-MM-DD/<slug>/. Guardar script.txt.
  5. Si el usuario tiene b-roll: crear <folder>/broll/, copiar los archivos manteniendo el nombre original.
  6. Informar al usuario: "Espacio de trabajo creado en <folder>. Proveedor de TTS: <elevenlabs|minimax>. Comenzando Fase 1."

Paso 1 — Fase 1: Script → MP3 (TTS)

Ejecutar exactamente 1 de las 2 ramas según tts_provider:

Rama A — ElevenLabs (predeterminado):

uv run .claude/skills/mkt-elevenlabs-tts-to-mp3/scripts/text_to_mp3.py \
  --file workspace/content/YYYY-MM-DD/<slug>/script.txt \
  -o workspace/content/YYYY-MM-DD/<slug>/voiceover.mp3

ID de voz: lee automáticamente ELEVENLABS_VOICE_ID de .env (fallback a la voz de marca predeterminada de Hoàng). Anulación CLI: --voice_id <id>. Configuración de voz: añadir --stability / --similarity_boost / --style si el usuario solicita ajustes.

Rama B — MiniMax:

uv run .claude/skills/mkt-video-script-to-mp3/scripts/text_to_mp3.py \
  --file workspace/content/YYYY-MM-DD/<slug>/script.txt \
  -o workspace/content/YYYY-MM-DD/<slug>/voiceover.mp3

ID de voz: lee automáticamente MINIMAX_VOICE_ID de .env (fallback a moss_audio_...). Anulación CLI: --voice_id <id>. Configuración de voz: --speed (predeterminado 1.08), --vol, --pitch, --language_boost Vietnamese.

El nombre del archivo de salida es inviolable en ambas ramas: voiceover.mp3 para que la Fase 2 (HeyGen) encuentre la ruta correcta.

Después de terminar, verificar la duración (común para ambos proveedores):

uv run .claude/skills/heygen-mp3-to-mp4/scripts/check_duration.py \
  workspace/content/YYYY-MM-DD/<slug>/voiceover.mp3

TOO_LONG → detenerse, informar al usuario que el MP3 supera los 5 minutos de HeyGen, solicitar que acorte el guion.

Paso 2 — PUNTO DE CONTROL #1: el usuario escucha el MP3

Único punto de parada gestionado por el orquestador. Informar al usuario con el formato exacto:

## Locución lista — revísala

**Archivo:** `workspace/content/YYYY-MM-DD/<slug>/voiceover.mp3`
**Duración:** <X.X>s
**Tamaño:** <Y.Y> MB
**Proveedor:** `<`elevenlabs` | `minimax`>`
**Voz:** `<`ElevenLabs Brand Voice de Hoàng (K7ewtjKRNtwwt3lKQ6M0)`> o `<`MiniMax speech-2.8-hd (moss_audio_...)`> (tomado del ID de voz en `.env` si el usuario lo anuló)

Abre el archivo y escúchalo. Responde 1 de:
- **`OK`** / **`continuar`** → ejecuto la Fase 2 (avatar HeyGen sincronización de labios)
- **`regen`** + (opcional) motivo → ajusto la configuración de voz y regenero el MP3
- **`editar guion`** + nuevo contenido → guardo el nuevo guion y vuelvo a ejecutar la Fase 1

Detener las llamadas a herramientas. Esperar una respuesta clara del usuario.

Cuando el usuario diga OK → Fase 2. Cuando el usuario diga regen → volver a ejecutar el script de TTS del proveedor actual con la nueva configuración, volver al punto de control. Si el usuario dice "cambiar a minimax" / "probar eleven" → intercambiar tts_provider, volver a ejecutar la Fase 1. Cuando el usuario edite el guion → sobrescribir script.txt, volver a ejecutar la Fase 1 desde el principio (mismo proveedor).

Paso 3 — Fase 2: MP3 → MP4 HeyGen (automático)

Según la sub-habilidad heygen-mp3-to-mp4:

  1. Elegir ID de avatar — leer HEYGEN_AVATAR_LOOKS de .env (separado por comas), elegir aleatoriamente si el usuario no lo especifica:

    HEYGEN_AVATAR_LOOKS=$(grep '^HEYGEN_AVATAR_LOOKS=' .env | cut -d'=' -f2- | tr -d '"' | tr -d "'")
    echo "$HEYGEN_AVATAR_LOOKS" | tr ',' '\n' | awk 'BEGIN{srand()} {a[NR]=$0} END{print a[int(rand()*NR)+1]}'
    

    Si la variable de entorno falta/está vacía → detenerse e informar al usuario que agregue HEYGEN_AVATAR_LOOKS=<id1>,<id2> a .env. Informar al usuario de la selección antes de llamar al MCP.

  2. Subir MP3 a HeyGen a través de MCP (upload_asset, asset type audio). NO usar curl https://upload.heygen.com/....

  3. Crear video de avatar a través de MCP (generate_avatar_video):

    character: { type: avatar, avatar_id: <elegido>, scale: 1.0 }
    voice:     { type: audio, audio_asset_id: <de la subida> }
    dimension: { width: 720, height: 1280 }   # 9:16
    title:     "<slug>-<timestamp>"
    
  4. Consultar estado cada ~10s → completed (máx. 10 min). failed → detenerse, mostrar error.

  5. Descargar MP4 → workspace/content/YYYY-MM-DD/<slug>/source.mp4 (nombre de archivo inviolable):

    uv run .claude/skills/heygen-mp3-to-mp4/scripts/download_video.py \
      "<video_url>" "workspace/content/YYYY-MM-DD/<slug>/source.mp4"
    
  6. Informar al usuario en una línea: "Fase 2 completada — <path> (avatar <id>, s, MB). Generando empaquetador de la Fase 3…"

No detenerse aquí. Flujo automático a la Fase 3.

Paso 4 — Fase 3: Generar subagente empaquetador

Usar la herramienta Task con subagent_type: "mkt-full-video-phase3-packager". Pasar un mensaje autocontenido con las entradas que el agente necesita. Ejemplo:

Workspace: workspace/content/2026-05-03/hom-nay-minh-chia-se/
Slug: hom-nay-minh-chia-se
Script: <texto completo del guion>
B-roll: [
  {"path": "workspace/content/2026-05-03/hom-nay-minh-chia-se/broll/alphabet.png", "purpose": "Lección 1"},
  ...
]
auto_scenes: false
header_label: "3 LECCIONES IA"
footer_handle: "@tranvanhoang.com"

Ejecuta el pipeline completo de empaquetado de la Fase 3 según la definición de tu agente. Devuelve la URL de Studio cuando la vista previa esté abierta.

El subagente:

  • Transcribe source.mp4, construye el esquema de escenas
  • Se detiene para pedir al usuario que apruebe el esquema (PUNTO DE CONTROL #2) a menos que auto_scenes: true
  • Despliega N escritores de contenido de escenas en paralelo
  • Fusiona + anda + lint + abre vista previa
  • Devuelve la URL de Studio

Mientras el subagente se ejecuta, el único trabajo del orquestador es reenviar las respuestas del usuario al subagente (la respuesta del usuario en el punto de control del esquema de escenas llegará a esta conversación; enrutarla al subagente si todavía está activo, de lo contrario, tratarla como una instrucción de seguimiento).

Paso 5 — Transferencia

Cuando el subagente devuelva la URL de Studio, formatear el informe final:

## Pipeline de video completo COMPLETADO — vista previa lista

**Espacio de trabajo:** `workspace/content/YYYY-MM-DD/<slug>/`

**Fase 1 (`<elevenlabs|minimax>`):** voiceover.mp3 — <D1>s, <S1>MB (ID de voz `<id>`)
**Fase 2 (HeyGen):** source.mp4 — avatar `<avatar_id>`, <D2>s, <S2>MB
**Fase 3 (HyperFrames):** <N> escenas (<lista de variantes>), <K> grupos de subtítulos, 6 SFX

**URL de Studio:** http://localhost:3002

Abre el navegador y revisa la línea de tiempo. Di **`render`** cuando esté bien → ejecuto `npx hyperframes render` para exportar MP4 1080×1920 30fps.

Detenerse aquí. No auto-renderizar. Solo después de que el usuario confirme, llamar a npx hyperframes render.

Reglas críticas de orquestación

  1. 2 puntos de control de usuario, 1 puerta de orquestador — El orquestador solo se detiene en el MP3 (Paso 2). El punto de control del esquema de escenas es gestionado por el subagente de la Fase 3. La puerta de renderizado en Studio la gestiona el usuario.

  2. Convenciones de ruta inviolables — la locución debe ser voiceover.mp3, el video de avatar parlante debe ser source.mp4. La sub-habilidad HF espera el nombre source.mp4.

  3. HeyGen MCP solamente — nunca usar curl https://api.heygen.com/.... Restricción estricta de heygen-mp3-to-mp4.

  4. ID de voz guardado en .env, no hardcodeado en la habilidad. ElevenLabs lee ELEVENLABS_VOICE_ID (fallback K7ewtjKRNtwwt3lKQ6M0). MiniMax lee MINIMAX_VOICE_ID (fallback moss_audio_...). Anulación por llamada mediante --voice_id. El pipeline informa claramente el proveedor + ID de voz elegido en el Paso 0 y el punto de control #1.

  5. Límite estricto de longitud del guion de 5000 caracteres — fallar rápidamente en el Paso 0.1.

  6. Duración del MP3 ≤ 300s — límite de video único de HeyGen. Verificar inmediatamente después de la Fase 1.

  7. Primero la vista previa — La Fase 3 NO auto-renderiza. Memoria feedback_hyperframes_workflow.md.

  8. Aislamiento de la Fase 3 — La Fase 3 se ejecuta en un contexto de subagente separado. El cuerpo de la habilidad HF + 4 documentos de referencia (~40KB) se cargan en el subagente en lugar del orquestador principal.

Modos de fallo y alternativas

SíntomaAcción
Guion > 5000 caracteresDetenerse, solicitar al usuario que divida semánticamente
Fallo de API de ElevenLabsInformar del error, sugerir verificar ELEVENLABS_API_KEY en .env (ELEVENLABS_VOICE_ID opcional). O cambiar a tts_provider=minimax y volver a ejecutar la Fase 1
Fallo de API de MiniMaxInformar del error, sugerir verificar MINIMAX_API_KEY en .env (MINIMAX_VOICE_ID opcional). O cambiar a tts_provider=elevenlabs y volver a ejecutar la Fase 1
MP3 > 300s después de la Fase 1Detener el pipeline, sugerir heygen-short-video (fragmentación)
MCP de HeyGen no conectadoDetenerse, informar claude mcp list para verificar
Error de renderizado de HeyGenMostrar error, sugerir verificar créditos mediante mcp__heygen__get_current_user
Fallo del subagente de la Fase 3Leer el seguimiento del error, sugerir al usuario que vuelva a ejecutar la Fase 3 de forma independiente usando la habilidad mkt-hyperframe-talking-head-video
El escritor de escenas devuelve JSON mal formadoEl subagente se regenera automáticamente para esa escena (no es responsabilidad del orquestador)
El usuario rechaza la voz del MP3Volver a la Fase 1 con ajustes de configuración de voz

Ejemplo de extremo a extremo

Usuario:

Tengo el guion aquí, ejecuta el pipeline completo para un video de TikTok. Incluye 2 imágenes de b-roll para la lección 1 y la lección 2. Guion: "Hoy comparto 3 lecciones de Anthropic. La primera lección es Alphabet ship beta. La segunda lección es 24h…" B-roll: alphabet.png (lección 1), clock.png (lección 2)

Pipeline:

  1. Paso 0 — slug hom-nay-minh-chia-se. Carpeta workspace/content/2026-05-03/hom-nay-minh-chia-se/. Guardar script.txt, copiar b-roll.
  2. Paso 1 — text_to_mp3.py → voiceover.mp3 (45s, 0.7MB).
  3. Paso 2 — PUNTO DE CONTROL #1 — informar al usuario de la ruta + duración. Esperar respuesta.
  4. Usuario: OK.
  5. Paso 3 — Elegir avatar (aleatorio de HEYGEN_AVATAR_LOOKS, por ejemplo 66e75e22…). Subir MP3 → asset_id. Generar video → consultar → descargar source.mp4 (45s, 7.5MB).
  6. Paso 4 — Generar subagente mkt-full-video-phase3-packager.
  7. El subagente transcribe (35s), construye el esquema (3 lecciones + resumen + cta), muestra el esquema → PUNTO DE CONTROL #2.
  8. Usuario: OK.
  9. El subagente despliega 5 escritores de escenas en paralelo (~8s de tiempo real vs ~40s en serie).
  10. El subagente fusiona → scenes.json → anda + SFX + subtítulos en paralelo.
  11. El subagente abre Studio y devuelve la URL.
  12. Paso 5 — El orquestador muestra el informe final. El usuario dice "render" → el orquestador ejecuta npx hyperframes render.

Notas de implementación

  • Los scripts de TTS de ElevenLabs y MiniMax son habilidades independientes invocadas desde el orquestador.
  • La sub-habilidad heygen-mp3-to-mp4 se usa para la Fase 2.
  • La Fase 3 se ejecuta en un contexto de subagente aislado para mantener la modularidad.
  • Los nombres de archivo voiceover.mp3 y source.mp4 son inviolables y esperados por los componentes posteriores del pipeline.

Individual skills in this repo

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

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Best practices for Remotion - Video creation in React

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Scaffold trang `/admin` CRM-style trực quan vào Next.js project (Supabase backend) — KHÔNG còn variant Vercel KV. Layout 1CRM-inspired: sidebar 3 tab (Tổng quan / Khách hàng / Email marketing) + popup nhập mã đăng nhập. **Tab Tổng quan**: 4 KPI cards (Tổng leads / Đã thanh toán / Tỷ lệ chuyển đổi / Doanh thu) có delta arrow vs kỳ trước, line chart leads+paid+revenue theo ngày dùng `recharts`, donut trạng thái paid/pending/expired, period selector pill 7d/30d/90d, list 5 thanh toán gần nhất. **Tab Khách hàng**: bảng leads + search + filter trạng thái + filter ngày + CSV export. **Tab Email marketing**: form soạn chiến dịch (tên + tiêu đề + body chọn định dạng **văn bản thường HOẶC HTML** + placeholder `{{name}}` + audience 4 loại all/paid/pending/last_days + tên người gửi) — có nút **Xem trước** mở modal iframe render đúng email thật (text → auto convert + wrap khung; HTML fragment → wrap khung, HTML đầy đủ giữ nguyên) → gửi bulk qua SMTP (reuse `nodemailer` của `biz-email-setup` — KHÔN

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Deploy landing page / website (React, Next.js, Vite, static HTML) lên Vercel — tự kiểm tra Vercel CLI hoặc Vercel MCP đã cài chưa, nếu chưa thì cài qua npm/pnpm và hướng dẫn user authenticate (vercel login), tự detect framework (Next.js / Vite / CRA / static), auto-generate vercel.json khi cần, chạy `vercel --prod`, trả về live URL + inspect URL + hướng dẫn custom domain. USE WHEN user says 'deploy lên vercel', 'đẩy landing page lên vercel', 'publish website', 'go live', 'deploy nextjs', 'deploy react', 'deploy vite', 'tạo URL live', 'đưa lên production', 'biz-deploy-vercel', 'host landing page', 'vercel deploy', 'ship lên vercel', 'đẩy code lên vercel'. Skill này áp dụng cho cả case dùng Vercel CLI lẫn Vercel MCP server.

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Setup SMTP-based email auto-responder cho landing page bán hàng — tự động gửi email sau khi user điền form (tên/SĐT/email), KHÔNG cố định vào provider nào. Skill này (1) hỏi user chọn SMTP provider (Gmail/Google Workspace, Resend SMTP, SendGrid, Mailgun, Brevo, Zoho, hoặc SMTP custom của hosting VN) và detect Next.js stack đang dùng, (2) đọc context từ `offer.json` + `conversion-copy.md` (từ `/biz-offer-alex-hormozi`) HOẶC đọc trực tiếp Next.js project đã build qua `ui-ux-pro-max` (file `app/page.tsx`) HOẶC đọc HTML landing page đã deploy để hiểu offer, dream outcome, mechanism, bonus. Lưu ý: skill `biz-sales-page-layout` đã DEPRECATED 2026-05-14 — pipeline mới skip layout/copy.json, (3) **draft 2 email**: email A — auto-responder gửi cho lead (warm welcome + deliver lead magnet/booking confirm/payment link tuỳ offer type), email B — notification gửi cho owner (lead alert + thông tin liên hệ), (4) **show draft cho user duyệt và chỉnh sửa** trước khi wire vào code, (5) cài `nodemailer`

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Cài chatbot AI dạng floating widget góc dưới phải vào project Next.js có sẵn (App Router hoặc Pages Router), responsive đầy đủ web + tablet + mobile, gọi LLM qua OpenRouter (mặc định google/gemini-3-flash-preview, có thể đổi sang anthropic/claude-sonnet-4.6), streaming response, RENDER MARKDOWN trong assistant bubble (bold / list / link / code) qua react-markdown + remark-gfm — KHÔNG hiện raw **bold** dạng text — có knowledge base từ FAQ + tài liệu sản phẩm/khóa học do user cung cấp để chatbot tự động trả lời khách hàng, và TỰ ĐỘNG EXTRACT + LƯU LEAD (tên + SĐT + email) vào Upstash Redis/Vercel KV dưới namespace `chat-lead:{phone}` khi user cung cấp đầy đủ thông tin trong chat — dedupe theo SĐT, TTL 90 ngày, fire-and-forget không block stream. Skill tự detect số lượng project Next.js — nếu có nhiều hơn 1 sẽ hỏi user chọn project nào để cài; tự detect TypeScript/JS, App Router/Pages Router, Tailwind/CSS module, KV/Upstash availability (skip auto-save nếu chưa có); tự install react-markd

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Đóng gói offer **không thể chối từ** (grand slam offer) theo phương pháp Alex Hormozi ($100M Offers) — nhận input pains/gains/customer jobs theo Value Proposition Design (Osterwalder 2014) + sản phẩm/dịch vụ, rồi sinh ra: (1) markdown report tiếng Việt đầy đủ Value Equation scoring + Core Offer + 3-4 Bonus stack + Guarantee + Urgency + Pricing, (2) offer.json structured cho pipeline downstream (`ui-ux-pro-max` build sales page production-ready), (3) conversion copy block (headline + subheadline + CTA) sẵn sàng paste landing page. 2 input mode: (B) user paste sẵn pains + gains + product, (C) user chỉ có sản phẩm — skill phỏng vấn theo VPD framework để surface pain/gain trước. Bonus stack mode hybrid: skill brainstorm 5-7 candidate có justification value rồi user pick/chỉnh 3-4 cái. Tiếng Việt thuần (xưng anh/chị), giá VND charm pricing (X99K), 3-tier decoy structure. USE WHEN user says 'đóng gói offer', 'tạo offer', 'thiết kế offer Hormozi', 'grand slam offer', 'value stack', 'offer sta

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Nâng cấp copy sales page tiếng Việt — biến copy có sẵn (từ `offer.json` + `conversion-copy.md` của `/biz-offer-alex-hormozi`, HOẶC từ Next.js project đã build qua `ui-ux-pro-max`, HOẶC user paste block copy bất kỳ) thành **copy chất lượng cao chốt đơn**: headline punchy hơn, pain agitation đau hơn, mechanism rõ hơn, benefit cụ thể hơn, FAQ xử lý đúng objection của thị trường VN, CTA mạnh hơn. Skill này có 3 INTENSITY LEVEL: (1) **Polish** — light edit + power word + sửa nhịp; (2) **Conversion-optimized** — rewrite 5 block critical + tạo A/B variants cho hero/CTA; (3) **Sales-letter** — long-form story-driven full rewrite kèm P.S.. Mỗi section áp dụng đúng formula thuyết phục (PAR cho pain, BAB cho solution, FEP cho benefit, PVEN cho final CTA, Star-Chain-Hook cho testimonial). Output gồm 4 file: `copy-upgraded.md`, `copy-variants.md` (A/B test bank — 3 hero + 3 CTA + 3 final-CTA), `copy-changes.md` (diff Trước/Sau + lý do), `copy.json` (structured downstream). Giọng văn tiếng Việt thuầ

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

⚠️ DEPRECATED (2026-05-14) — Skill này KHÔNG còn trong pipeline chuẩn. Quy trình mới đã bỏ bước wireframe markdown trung gian: sau `/biz-offer-alex-hormozi` đi THẲNG sang `ui-ux-pro-max` để build Next.js sales page production-ready (có design language nhất quán: style + palette + font pairing, không phải Tailwind defaults). Lý do deprecate: wireframe markdown làm thêm 1 bước trung gian không tạo giá trị — `ui-ux-pro-max` đọc trực tiếp `offer.json` đã đầy đủ anchor + core + bonus + guarantee + urgency + pricing rồi ra HTML production luôn. Chỉ dùng skill này KHI user EXPLICITLY yêu cầu wireframe markdown để review/in/share trước khi build code (rare case). KHÔNG trigger trên các keyword 'tạo sales page', 'tạo landing page bán hàng' nữa — những keyword đó giờ trigger `ui-ux-pro-max`.

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

End-to-end Sepay VietQR payment infrastructure cho landing page Next.js — guide user setup Sepay account + bank linking + scaffold đầy đủ payment flow trong project. Skill này xử lý 7 phase: (0) detect Next.js stack + **HỎI user chọn lead store backend** (Vercel KV hoặc Supabase Free Postgres — default recommend Supabase do free tier rộng hơn ~50× + có SQL + admin UI), (1) GUIDE user đăng ký Sepay account tại my.sepay.vn + link bank account VN (Vietcombank/Techcombank/MB/ACB/VPBank/BIDV/...) + lấy API key + setup webhook URL trên Sepay dashboard, (2A nếu chọn KV) setup Vercel KV (install `@vercel/kv` + KV namespace + 4 env vars KV_*), (2B nếu chọn Supabase) setup Supabase project (tạo project tại Singapore region + chạy migration SQL tạo 4 bảng leads/phone_index/order_counter/webhook_dedup với pg_cron TTL cleanup + RLS deny-all + lấy SUPABASE_URL + SUPABASE_SERVICE_ROLE_KEY + Vercel Cron ping `/api/health` mỗi 6 ngày chống auto-pause), (3) scaffold `lib/leads-store.ts` (thin re-export

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Setup Telegram bot notification cho thanh toán thành công từ Sepay webhook trong Next.js project. Skill này: (1) hướng dẫn user 3 bước tạo Telegram bot riêng qua @BotFather + lấy bot token + chat_id (qua @userinfobot cho chat 1-1, hoặc /getUpdates API cho group), (2) tạo helper function `sendTelegramNotification()` reusable trong `lib/telegram.ts`, (3) detect existing Sepay webhook route trong project (thường là `/api/sepay-webhook`, `/api/payment-success`, hoặc tương đương) và wire Telegram call CÙNG CHỖ với email auto-responder (Resend) — gửi parallel qua `Promise.allSettled` để Telegram fail KHÔNG block 200 response trả Sepay (Sepay sẽ retry webhook nếu nhận non-200, gây duplicate notification), (4) draft message format mặc định tiếng Việt: emoji + tên khách + SĐT + email + amount (charm pricing VND định dạng `499.000đ`) + tên sản phẩm + timestamp giờ VN dd/mm/yyyy HH:mm, (5) update `.env.local` với `TELEGRAM_BOT_TOKEN` + `TELEGRAM_CHAT_ID`, add vào `.gitignore`, nhắc user paste vào

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Convert a single MP3 voiceover file into a single HeyGen avatar lip-sync MP4 video. Single-purpose — no planning, no SRT, no chunking, no Remotion compositing. Hybrid path — REST upload (helper script) + HeyGen MCP for video creation, because the post-2026 MCP no longer exposes an asset-upload tool. Reads avatar look pool (`HEYGEN_AVATAR_LOOKS`) from `.env` and HeyGen API key (`HEYGEN_API_KEY`) for the upload step. USE WHEN user says "tạo video heygen từ mp3", "mp3 to heygen", "heygen mp4 từ audio", "convert mp3 sang heygen video", "tạo avatar video từ file mp3", "lip sync mp3 heygen", "biến mp3 thành video heygen", or any time the user has exactly one MP3 file and wants exactly one HeyGen avatar MP4 out.

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Demand-side market research cho digital product / service ở Việt Nam — đo cầu thật + WTP + channel-market fit + defensibility qua keyword volume, marketplace sales (Shopee/Unica/Edumall/Gitiho/KyNa), community signal (FB groups, TikTok hashtag, Zalo OA), competitor pricing, unit economics — không phải macro PESTEL. Output: keyword portfolio + Niche Score 100 điểm 7-dimension có evidence + go/no-go decision + falsification protocol. Force triangulate ≥3 sources cho mỗi claim quan trọng. USE WHEN user says 'nghiên cứu thị trường', 'market research', 'validate niche', 'keyword research', 'demand validation', 'niche có nên làm không', 'có ai làm chưa', 'thị trường đủ lớn không', 'có lời không', 'chọn ngách', 'kiểm tra cầu'. Cũng trigger khi user mô tả 1 ý tưởng kinh doanh cụ thể và muốn check feasibility. Skill này KHÔNG fit: high-ticket transactional sale (BĐS, ô tô), B2B enterprise (sales cycle 6+ tháng), hyper-local geo micro-market (1 toà nhà, 1 phường). KHÔNG làm: macro PESTEL/Porter

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Transcribe an MP3 voiceover into an SRT subtitle file and a word-level segments JSON using local OpenAI Whisper. Input is a single MP3 path; output is `<stem>.srt` + `<stem>_segments.json` written next to the MP3 (or to a custom output dir). USE WHEN the user says 'extract srt from mp3', 'trích srt từ mp3', 'transcribe voiceover', 'tạo file srt và segments', 'whisper transcribe', 'bóc transcript có timestamp', 'extract voiceover segments', 'tách SRT từ audio', or any time a downstream skill (plan-short-video-edit, heygen-remotion-short-video-editor) needs an SRT + word-level segments JSON from a voiceover MP3 and one does not already exist.

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Convert Vietnamese/English script text to MP3 voiceover using ElevenLabs TTS API. Calls POST /v1/text-to-speech/{voice_id}, streams audio bytes, writes MP3 directly. Locked to Hoang's brand voice ID by default. USE WHEN user says 'tạo mp3 elevenlabs', 'elevenlabs tts', 'eleven labs voice', 'text to speech elevenlabs', 'tạo voiceover elevenlabs', 'đọc text bằng elevenlabs', 'tts elevenlabs to mp3', 'eleven labs script to mp3', 'voiceover bằng elevenlabs', 'giọng elevenlabs'.

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

End-to-end orchestrator: **script → final MP4 16:9 (1920×1080) podcast-keynote**.

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Build a TikTok/Reels/YouTube **landscape 16:9 (1920×1080)** short video from a pre-recorded talking-head MP4 using HyperFrames — transcribe Vietnamese audio, scaffold a complete preview-ready 1920×1080 project with a slide pane (1200px) on the left and a floating avatar frame on the right, GSAP timeline có SPLIT↔PIP transitions (slide full-screen + avatar PIP corner thumbnail), breathing yoyo zoom + beat-driven punch-in trên avatar, 5 scene compositions kiểu "tier-row" pattern (post-stack hook / chats-stack problem / hero-orb solution / counter-row recap / terminal-row CTA), optional cream-paper editorial infographic image slots với `<img onerror>` fallback, 6 SFX wired tại scene boundaries, **NO captions** (giọng avatar là spine). USE WHEN user nói "edit video 16:9 từ HeyGen MP4", "scaffold project landscape", "podcast keynote editor", "talking head + slide editor", "build hyperframes 1920×1080", "tạo project 16:9 từ avatar mp4", "scaffold 16:9 hyperframes", "hyperframe landscape vide

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Pipeline đóng gói: từ MP4 quay sẵn (talking head 9:16) tới HyperFrames preview project hoàn chỉnh có captions, SFX, zoom hooks, b-roll toàn cảnh có hiệu ứng rich, và CTA finale.

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Audit bài Facebook / Reels / YouTube để phát hiện 4 downward drivers (over-branding, over-production, stock imagery, standardized aesthetic) + frequency-over-quality. Mỗi anti-pattern bị drop ~75% performance nếu hiện diện. USE WHEN user says 'audit content', 'check anti pattern', 'content có lỗi gì không', 'kiểm tra over branding', 'vì sao video bị chết', 'vì sao post không ai xem', 'content audit', 'kiểm tra chất lượng content'.

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Tìm viral pattern ở ngành khác (bác sĩ, luật sư, tài chính, bất động sản, thủ công) có thể apply cho niche AI/automation của Hoang. Ngách AI educator VN còn ít format được khai thác — cross-industry adaptation là blue ocean. USE WHEN user says 'tìm format ngành khác', 'cross industry research', 'học format từ ngành khác', 'blue ocean format', 'tìm format chưa ai làm', 'adapt format từ niche khác', 'cross industry viral'.

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Rewrite CTA kiểu autocratic (Mua ngay! Follow ngay! Đăng ký liền!) sang 3 variants Democratic / Benevolent / Laissez-faire — reach 85% dân số thay vì chỉ 5% (action-based). Áp dụng cho landing page, caption FB, CTA video, email. USE WHEN user says 'rewrite cta', 'sửa cta', 'cta không autocratic', 'viết lại kêu gọi hành động', 'cta cho landing page', 'cta nhẹ nhàng hơn', 'inclusive cta', 'cta democratic benevolent'.

Skills relacionados