Communitygithub.com

lexuanthanhhy/MKT.LANDINGPAGE.SKILLS

Verbessert Sales-Page-Texte auf Vietnamesisch – verwandelt vorhandene Copy aus offer.json, Next.js-Projekten oder beliebigem Text in hochwertige, verkaufsstarke Copy mit 3 Intensitätsstufen.

Was ist MKT.LANDINGPAGE.SKILLS?

Dieses Skill-Upgrade dient dazu, bestehende Sales-Page-Copy (aus `offer.json` + `conversion-copy.md`, Next.js-Projekten oder manuell eingefügten Blöcken) in eine conversion-optimierte, verkaufsstarke Version zu verwandeln, die speziell für die vietnamesische Leserschaft zugeschnitten ist. Es bietet drei Intensitätsstufen: **Polish** (leichte Überarbeitung), **Conversion-optimized** (Neuschreiben von 5 kritischen Blöcken + A/B-Varianten) und **Sales-Letter** (komplette Neufassung mit Storytelling). Der Workflow ist in 4 Phasen unterteilt: Erkennung der Eingabe + Bestätigung der Intensitätsstufe, Anchor-Review (Segment, Schmerz, Wunsch), sektionsweise Optimierung mit bewährten Formeln (PAR, BAB, FEP, PVEN, Star-Chain-Hook) und finale Ausgabe von 4 Dateien: `copy-upgraded.md`, `copy-variants.md` (A/B-Testbank), `copy-changes.md` (Diff mit Begründung) und `copy.json` (strukturiert für nachgelagerte Tools). Das Skill unterstützt die Modi A (Layout-bewusst), B (Block-Einfügen) und C (von Grund auf). Es vermeidet generische Marketingsprache und setzt auf präzise Kundensprache, spezifische Zahlen und eine strategische, nicht willkürliche, Verbesserung der Copy.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/lexuanthanhhy/MKT.LANDINGPAGE.SKILLS/tree/main/.claude/skills/biz-sales-page-copy

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Biz Sales Page Copy — Vietnamesischer Conversion-Copywriter

Update 2026-05-14: Die neue Pipeline überspringt biz-sales-page-layout (veraltet). Dieses Skill erhält Eingaben von einer der folgenden Quellen:

  • Modus A — offer.json + conversion-copy.md aus /biz-offer-alex-hormozi (Pfad: output/cases/<slug>/)
  • Modus B — Next.js-Projekt, das über ui-ux-pro-max erstellt wurde — liest app/page.tsx aus, um die aktuelle Copy zu extrahieren
  • Modus C — Benutzer fügt einen beliebigen Copy-Block ein (Hero, Pain, CTA, FAQ...)

Bei Modus B (Next.js-Projekt) enthält die Ausgabe copy-upgraded.md zusätzlich einen Diff-Hinweis, damit der Benutzer die Änderungen Block für Block in app/page.tsx übernehmen kann.

Dieses Skill verwandelt vorhandene Copy in verkaufsstarke Copy und optimiert sie für vietnamesische Leser.

Philosophie: Das Layout-Skill erledigt den Rahmen + den Rohentwurf der Copy. Dieses Skill übernimmt die Veredelungsschicht (Polish Layer) – dort, aus einer durchschnittlichen Überschrift wird eine knackige Überschrift, aus einem flachen Pain-Bullet wird ein Satz, der ins Herz trifft, und aus einem generischen CTA wird ein CTA, der zum Klicken zwingt. Es geht nicht darum, alles neu zu schreiben – es geht um strategische Verbesserung.

Nicht jeder Satz muss verbessert werden. 80 % der Conversion kommen von 5 Blöcken: Überschrift, Unterüberschrift, ein starker Pain-Satz, der Mechanism-Name und der CTA-Button-Text. Dieses Skill konzentriert seine Kraft darauf.

Die Ausgabe besteht aus 4 Dateien im Verzeichnis output/sales-pages/<slug>/:

DateiZweck
copy-upgraded.mdÜberlagerung der verfeinerten Copy auf der ursprünglichen layout.md – einfügebereit
copy-variants.mdA/B-Testbank – 3 Hero-Varianten + 3 CTA-Varianten + 3 Final-CTA-Varianten + Begründung
copy-changes.mdDiff Vorher/Nachher für jeden Block + Begründung zur Prüfung durch den Benutzer
copy.jsonStrukturiert für nachgelagerte Systeme (ui-ux-pro-max, biz-deploy-vercel)

Wann dieses Skill verwenden

  • ✅ Der Benutzer hat gerade /biz-sales-page-layout ausgeführt, hat layout.md + layout.json und möchte die Copy veredeln
  • ✅ Der Benutzer hat bereits eine Sales-Page-Copy (handgeschrieben oder von einem anderen Skill erstellt) und bittet um eine Neufassung
  • ✅ Der Benutzer fügt einen einzelnen Copy-Block ein (Hero, Pain, CTA) und bittet um Verbesserung
  • ✅ Der Benutzer benötigt A/B-Varianten für ein bestimmtes Element

Dieses Skill NICHT verwenden, wenn:

  • ❌ Noch kein Layout vorhanden ist – zuerst /biz-sales-page-layout ausführen
  • ❌ E-Mail-Sequenzen / Social-Media-Posts / Facebook-Anzeigen benötigt werden → anderes Skill (/biz-content)
  • ❌ Eine Sales-Page vom Englischen ins Vietnamesische übersetzt werden muss – dieses Skill schreibt rein vietnamesisch neu, es übersetzt nicht
  • ❌ Das Angebot noch nicht verpackt ist → zuerst /biz-offer-alex-hormozi ausführen, dann das Layout, dann dieses Skill

Gesamter Workflow (4 Phasen)

Phase 0: EINGABE ERKENNEN + INTENSITÄTSSTUFE BESTÄTIGEN
       ↓
Phase 1: ANCHOR-REVIEW (Anker lesen, Segment + Pain-Sprache festlegen)
       ↓
Phase 2: ABSCHNITTSWEISE VERBESSERUNG (Anwenden der richtigen Formel für jeden Abschnitt)
       ↓
Phase 3: A/B-VARIANTEN-BANK (3 Varianten für Hero + Haupt-CTA)
       ↓
Phase 4: 4 DATEIEN AUSGEBEN

Phase 0 — Eingabe erkennen + Intensitätsstufe bestätigen

0.1 Eingabemodus erkennen

Modus A — Layout-bewusst (Standard): Der Benutzer referenziert den Pfad zu layout.md oder layout.json aus output/sales-pages/<slug>/. Beide Dateien werden gelesen, um Folgendes zu erfahren:

  • Anchor (Segment, Wunschergebnis, Schmerz, Gewinn)
  • Hero-Hook-Typ (Frustration | Readiness | Bold Promise)
  • 10 Abschnitte mit vorhandenem Copy-Entwurf
  • Angebotsstruktur + Preisgestaltung + Garantie

Modus B — Block-Einfügen: Der Benutzer fügt einen beliebigen Copy-Block ein, ohne Layout-Kontext. Kurz nachfragen:

  • „Für welches Produkt ist diese Sales-Page?“
  • „Wer ist die genaue Zielgruppe?“
  • „In welchem Abschnitt befindet sich dieser Block? (Hero / Pain / Benefit / CTA / FAQ…)“

Modus C — Von Grund auf: Der Benutzer hat kein Layout, möchte aber eine Copy. → Vorschlagen, zuerst /biz-sales-page-layout auszuführen. Wenn der Benutzer darauf besteht → mit Modus B und einem Mini-Anchor (3 Fragen) fortfahren.

0.2 INTENSITÄTSSTUFE bestätigen

Wichtig: Den Benutzer vor dem Schreiben nach der gewünschten Stufe fragen, da die 3 Stufen völlig unterschiedliche Ausgaben liefern.

🎚️ Wie weit soll ich gehen?

【1】 POLISH — Leichte Überarbeitung, 80 % der Original-Copy bleiben erhalten
     ↳ Satzrhythmus anpassen, 1–2 Power-Words pro Abschnitt hinzufügen, Zeichensetzung korrigieren, maschinelle Übersetzungen korrigieren
     ↳ Geeignet für: Copy, die bereits ordentlich ist, nur noch poliert werden muss
     ↳ Zeitaufwand: schnell, ca. 10–15 Minuten
     ↳ Risiko: gering – der Ton/die Stimme des Benutzers wird nicht verändert

【2】 CONVERSION-OPTIMIZED ⭐ (Standard)
     ↳ 5 kritische Blöcke neu schreiben: Überschrift + Unterüberschrift + Pain-Bullets + Mechanismus + CTA
     ↳ A/B-Varianten generieren (3 Hero + 3 CTA)
     ↳ Die restlichen Abschnitte polieren
     ↳ Geeignet für: Neustarts, maximale Conversion aus der Copy herausholen
     ↳ Zeitaufwand: mittel, ca. 20–30 Minuten

【3】 SALES-LETTER — Vollständige Neufassung, lang, Story-getrieben
     ↳ Komplette Neufassung im Sales-Letter-Stil (Gründerstory, P.S., P.P.S.)
     ↳ 2–3 Mini-Stories im Textkörper einfügen, tiefere emotionale Schichten
     ↳ Die Seite wird 30–50 % länger
     ↳ Geeignet für: Tickets > 5 Mio. VND, kalte Zielgruppe, langwierige Überzeugungsarbeit nötig
     ↳ Zeitaufwand: lang, ca. 40–60 Minuten
     ↳ Risiko: viele Änderungen – der Ton kann stärker sein als vom Benutzer erwartet

Standardmäßig wähle ich Stufe 2. Möchten Sie eine andere Stufe?

Benutzer bestätigt → Stufe festlegen → Phase 1.


Phase 1 — Anchor-Review

Den Anchor aus layout.md lesen (Segment, Wunschergebnis, 3 Schmerzpunkte, 3 Gewinne). Dieser Schritt darf NICHT übersprungen werden – Copy ohne Anchor-Verständnis ist generische Copy = keine Conversion.

4 Dinge vor dem Schreiben festlegen

  1. Exakte Pain-Sprache – die wahren Aussagen der Kunden (keine Beschreibung des Schmerzes mit Marketingbegriffen). Z.B.:

    • ❌ Marketingsprache: „Schwierigkeiten bei der Skalierung des Umsatzes“
    • ✅ Kundenstimme: „Den ganzen Monat 80 Stunden rackern, aber das Konto bewegt sich keinen Millimeter“
  2. Konkretes + messbares Wunschergebnis – muss eine Zahl, einen Zeitrahmen und eine „ohne X“-Klausel enthalten:

    • ❌ „Umsatz schnell steigern“
    • ✅ „30 Mio./Monat in 90 Tagen, 10 h/Woche, ohne den Job zu kündigen“
  3. Name des Mechanismus – Name des Systems/der Methode. Wenn das Layout keinen oder einen generischen Namen hat, 3 Namen zur Auswahl vorschlagen. Z.B.:

    • „Das 4P Side Income System“
    • „Die 90-Tage-Durchbruch-Roadmap“
    • „Die Self-Running Funnel-Methode“
  4. CTA-Button-Text – ein einziger Satz, der 4–5 Mal auf der Seite wiederholt wird. Sofort festlegen.

⚠️ Wenn die exakte Pain-Sprache fehlt → den Benutzer fragen: „Haben Sie Notizen zu den tatsächlichen Aussagen der Kunden? Z.B. aus Inbox-Nachrichten, Kommentaren oder DMs?“ Kundensprach-Copy schlägt Marketingsprach-Copy im A/B-Test um das 3- bis 5-Fache.


Phase 2 — Abschnittsweise Verbesserung

Lesen Sie references/section-copy-recipes.md für Details. Jeder Abschnitt verwendet eine Hauptformel + eine Power-Word-Leiter + Stimmregeln.

Mapping Abschnitt → Formel

AbschnittHauptformelWarum
Hero HeadlineHook-Muster (Frustration / Readiness / Bold Promise)3-Sekunden-Erfassung – muss zum Awareness-Level passen
Hero SubheadingPVEN-mini (Promise + Belege in einem Satz)Beruhigung direkt nach dem Hook
Pain AgitationPAR (Problem → Amplify → Resolve-tease)Publikum ist sich des Schmerzes bewusst – den Schmerz so tief graben, bis es fliehen will
Solution BridgeBAB (Before → After → Bridge)Übergang vom Schmerz zur Lösung
MechanismFEP (Feature → Edge → Payoff)Das System durch den Grund für den Unterschied erklären
Benefits CascadeFEP-Stack (6–8 kurze FEP-Zeilen)Den genauen Nachher-Zustand malen
Social ProofStar-Chain-Hook (Testimonial-Restrukturierung)Jedes Testimonial = ein Mini-Story-Bogen
Offer StackValue-Anker + ReziprozitätDen wahrgenommenen Wert auf das 10-fache des Preises steigern
GarantieRisk-Reversal-MusterDas Risiko auf den Verkäufer verlagern
DringlichkeitEchte Knappheit (Kohorte/Platz/Preisfrist)Entscheidung vorantreiben, ohne fake zu sein
FAQObjection-Acknowledge-Reframe-Evidence (OARE)Jede Antwort ist ein Mikro-Verkauf
Final CTAPVEN (Promise + Vision + Evidence + Nudge)Letzte Überzeugungsschicht – vollständig

Workflow zum Schreiben eines Abschnitts

Für jeden Abschnitt die folgenden 4 Schritte ausführen:

  1. Den Copy-Entwurf aus layout.md lesen – die Absicht verstehen
  2. Die Formel aus dem Rezept anwenden (siehe references/section-copy-recipes.md)
  3. Power-Word-Durchgang – 1–2 Power-Words aus references/power-words-vn.md hinzufügen, passend zur Leiter:
    • Informationsabschnitte (Einleitung, Mechanismus): Stufe 1–2 (subtil/moderat)
    • Emotionale Abschnitte (Schmerz, Dringlichkeit): Stufe 2–3 (moderat/stark)
    • Überschrift + CTA: Stufe 3 (stark), Stufe 4 nur sparsam
  4. Stimmcheck – gemäß den Regeln in references/voice-rules-vn.md gegenlesen:
    • „Anh/chị“ (B2B/Coaching/Kurs ab 1 Mio. VND) oder „bạn“ (Konsument < 500.000 VND)?
    • Schmerzsätze kurz (5–12 Wörter), Lösungssätze länger (15–25 Wörter)?
    • Konkrete Zahlen (1.247, nicht „viele“)?
    • Keine Phrasen („Durchbruch“, „Wendepunkt“ vermeiden, wenn kein Beweis vorliegt)?
    • Klingt es beim Vorlesen holprig? Wenn ja → vereinfachen.

Kritisch: 5 Blöcke mit voller Kraft

Gemäß Stufe 2 (Standard) 80 % des Aufwands auf 5 Blöcke konzentrieren:

  1. Hero Headline — 3 Varianten aller Art (Frustration / Readiness / Bold Promise)
  2. Hero Subheading — muss „Unterschied + Belegpunkt“ in einem Satz enthalten
  3. Pain-Bullet Nr. 1 (der schmerzhafteste) — dieser Satz entscheidet zu 30 % darüber, ob jemand weiterliest oder abspringt
  4. Name des Mechanismus + 1 erklärende Zeile — muss einprägsam, leicht zu merken sein und signalisieren: „Das ist eine eigene Methode“
  5. CTA-Button-Text — kurz, handlungsorientiert, impliziert sofortigen Wert

Andere Abschnitte (Social Proof, Offer Stack, Garantie, Dringlichkeit, FAQ, Final CTA) werden ebenfalls gemäß dem Rezept verbessert, benötigen aber keine mehreren Varianten.


Phase 3 — A/B-Varianten-Bank

(Läuft nur auf Stufe 2 und Stufe 3.)

3.1 Hero-Varianten — 3 vollständige Varianten

Jede Variante umfasst: Überschrift + Unterüberschrift + 3-faches Value-Prop + Glaubwürdigkeit + CTA. Jede Variante repräsentiert eine Bewusstseinsstufe:

VarianteWann verwendenHook-Typ
A — FrustrationZielgruppe hat starkes Schmerzbewusstsein – leidet, weiß, dass sie leidet„Fühlen Sie sich [Schmerz], obwohl Sie [Anstrengung] unternommen haben?“
B — ReadinessZielgruppe hat Wunschbewusstsein – weiß, was sie will, sucht nach einem Weg„Sind Sie bereit für [Wunschergebnis]?“
C — Bold PromiseZielgruppe hat Lösungsbewusstsein – weiß, dass es eine Lösung gibt, vergleicht„[Konkretes Ergebnis] in [Zeit] ohne [Schmerz]“

Jede Variante enthält:

  • Wann verwenden (kalter/lauwarmer/heißer Traffic, FB-Anzeige vs. SEO vs. E-Mail…)
  • Tonsignal (dringlich vs. aspirational vs. abgewogen)
  • Erwarteter Widerstand (Einwand, den diese Variante wahrscheinlich auslöst)

3.2 CTA-Varianten — 3 Varianten

VarianteMusterBsp.
A — Action-direct„[Aktionsverb] jetzt“„Jetzt anmelden – nur noch 12 Plätze“
B — Benefit-first„[Ergebnis] [Zeitraum]“„Ab heute 30 Mio./Monat starten“
C — Curiosity-loop„[Teaser + Einladung]“„Sehen Sie, was ich in 90 Tagen erreicht habe“

3.3 Final-CTA-Varianten — 3 Varianten

VarianteTonWann verwenden
A — Dringende ZusammenfassungDrängend, deadline-getriebenKohorte schließt bald, hohes Ticket
B — Emotionaler AbschlussStory-getrieben, schweres P.S.Kalte Zielgruppe, emotionale Schicht nötig
C — Logischer AbschlussRisikoumkehr + ROI-MathematikAnalytische Zielgruppe, B2B

Jede Variante vollständig: endgültige Überschrift + zusammenfassende Bullets + P.S. + P.P.S.

Lesen Sie references/ab-variants-playbook.md für das detaillierte Format und die Regeln jeder Variante.


Phase 4 — 4 Dateien ausgeben

4 Dateien im Verzeichnis output/sales-pages/<slug>/ erstellen (gleicher Ordner wie das Layout). layout.md / layout.json NICHT überschreiben – die verbesserte Copy ist eine eigene Schicht, die der Benutzer prüfen und bei Bedarf rückgängig machen kann.

4.1 copy-upgraded.md

Struktur ähnlich wie layout.md, aber mit verfeinerter Copy. Der Header enthält Metadaten:

# Sales Page Copy (VERBESSERT) — {{PRODUKTNAME}}
> Quelllayout: `layout.md` (erstellt am {{LAYOUT_DATUM}})
> Copy-Intensität: {{STUFE}} (1=Polish | 2=Conversion-optimized | 3=Sales-Letter)
> Angewandte Formeln: PAR (Schmerz), BAB (Lösung), FEP (Nutzen), PVEN (Final), SCH (Testimonial)
> Stimme: Anh/chị | Charm Pricing VND | Kundensprache priorisiert

[Abschnitt 1 bis 10 verfeinerte Copy...]

→ Vorlage: templates/copy-upgraded.md.tpl

4.2 copy-variants.md

A/B-Testbank. Struktur:

# A/B-Varianten-Bank — {{PRODUKTNAME}}

## HERO — 3 Varianten

### Variante A: Frustration-Hook
[vollständiger Block: Überschrift + Unterüberschrift + Value-Prop + Glaubwürdigkeit + CTA]
**Wann verwenden**: ...
**Tonsignal**: ...
**Erwarteter Widerstand**: ...

### Variante B: Readiness-Hook
[...]

### Variante C: Bold-Promise-Hook
[...]

## CTA BUTTON — 3 Varianten
[...]

## FINAL CTA — 3 Varianten
[...]

→ Vorlage: templates/copy-variants.md.tpl

4.3 copy-changes.md

Diff Vorher/Nachher zur Prüfung. Struktur:

# Copy-Änderungen — {{PRODUKTNAME}}
> Vergleich: `layout.md` → `copy-upgraded.md`
> Begründung: warum jede Änderung vorgenommen wurde

## Abschnitt 1: Hero Headline
**VORHER** (layout.md):
> [Original-Copy]

**NACHHER** (copy-upgraded.md):
> [Neue Copy]

**BEGRÜNDUNG**:
- Angewandte Formel: [...]
- Hinzugefügte Power-Words: [...]
- Stimmfix: [...]
- Erwarteter Lift: [...]

[Wiederholung für 10 Abschnitte]

## Zusammenfassung der Änderungen
- Hero: vollständig neu geschrieben (Stufe 2)
- Pain Agitation: 3/5 Bullets neu geschrieben, Struktur beibehalten
- ...

→ Vorlage: templates/copy-changes.md.tpl

4.4 copy.json

Strukturiert für nachgelagerte Systeme. Schema:

{
  "version": "1.0",
  "slug": "{{SLUG}}",
  "intensity_level": 2,
  "source_layout": "output/sales-pages/{{SLUG}}/layout.json",
  "voice": { "pronoun": "anh/chị", "register": "respectful-direct" },
  "hero": {
    "primary": { "headline": "...", "subheading": "...", "value_prop": [...], "credibility": "...", "cta": {...} },
    "variants": [
      { "id": "A", "type": "frustration", "headline": "...", "when_to_use": "...", "tone_signal": "..." },
      { "id": "B", "type": "readiness", ... },
      { "id": "C", "type": "bold_promise", ... }
    ]
  },
  "sections": [...],
  "cta_variants": [...],
  "final_cta_variants": [...],
  "formulas_applied": { "pain": "PAR", "solution": "BAB", "benefit": "FEP", "final": "PVEN", "testimonial": "SCH" },
  "power_words_density": { "level_1": 12, "level_2": 8, "level_3": 4, "level_4": 1 }
}

→ Vorlage: templates/copy.json.tpl

Nach der Ausgabe

Dem Benutzer Bericht erstatten:

  • Pfad zu den 4 Dateien
  • Zusammenfassung der Änderungen: „10 Abschnitte verfeinert, 9 A/B-Varianten generiert (3 Hero + 3 CTA + 3 Final-CTA), 5 Überzeugungsformeln angewendet“
  • 3 nächste Schritte vorschlagen:
    • „Bitte prüfen Sie zuerst copy-changes.md, um jede Änderung mit Begründung zu auditieren.“
    • „Verwenden Sie dann copy-upgraded.md zum Einfügen in ui-ux-pro-max, um das HTML zu erstellen.“
    • „Führen Sie beim Launch einen A/B-Test gemäß copy-variants.md durch – Variante A vs. B für 7 Tage.“

Durchgängige Prinzipien

1. Kundensprache > Marketingsprache

Wenn der Benutzer Notizen hat („was der Kunde gesagt hat“) → diese Sprache priorisieren und beibehalten. Gutes Copywriting ist ein bearbeitetes Transkript, keine kreative Neuschöpfung.

2. Spezifität gewinnt

…

[Text für die Übersetzung gekürzt]

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

⚠️ 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

End-to-end short-video pipeline — từ kịch bản (Việt/Anh) ra MP4 TikTok/Reels 9:16 hoàn chỉnh. Orchestrator 3 phase ghép skill có sẵn — (1) TTS provider chọn được giữa `mkt-elevenlabs-tts-to-mp3` (default, voice của Hoàng) hoặc `mkt-video-script-to-mp3` (MiniMax speech-2.8-hd), (2) checkpoint user duyệt MP3, (3) `heygen-mp3-to-mp4` lip-sync avatar HeyGen, (4) delegate Phase 3 packaging cho sub-agent `mkt-full-video-phase3-packager` (transcribe + scene outline + checkpoint + fan-out N scene writers parallel + scaffold + preview Studio). API key + voice ID cho cả 2 provider lưu ở `.env`. USE WHEN user nói "tạo full video từ script", "script to tiktok video", "pipeline full video heygen + hyperframe", "tạo video từ kịch bản đến mp4", "elevenlabs heygen hyperframe full pipeline", "minimax heygen pipeline", "kịch bản ra video tiktok", hoặc có sẵn 1 script + (optional) ảnh b-roll và muốn ra MP4 9:16 đóng gói có captions, SFX, b-roll.

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'.

Verwandte Skills