Communitygithub.com

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

エンドツーエンドのショート動画パイプライン — スクリプト(ベトナム語/英語)から完成したTikTok/Reels 9:16 MP4を生成します。3つのフェーズで構成され、TTSプロバイダー、MP3チェックポイント、HeyGenアバター、サブエージェントによるパッケージングを統合します。

mkt-full-video-with-11-hyperframe-heygen とは?

このスキルは、ユーザーが提供したスクリプト(ベトナム語または英語、最大5000文字)から、TikTokやInstagram Reels向けの縦型9:16 MP4動画を完全自動生成するためのオーケストレーターです。パイプラインは3つのフェーズで構成され、まず選択可能なTTSプロバイダー(ElevenLabs(デフォルト、Hoàngの声)またはMiniMax(speech-2.8-hd、低コスト))で音声ファイルを生成します。ユーザーは最初のチェックポイントで生成されたMP3を確認・承認し、必要に応じて再生成やプロバイダーの変更が可能です。第2フェーズではHeyGenアバターを使用したリップシンク動画(source.mp4)を自動生成します。第3フェーズは専用のサブエージェント(mkt-full-video-phase3-packager)に委譲され、文字起こし、シーン分析、ユーザーによるシーンアウトラインの承認(スキップ可能)、並列シーン作成、最終的なHyperFrames Studioプレビューまでのパッケージングを実行します。主な特徴として、2つのユーザーチェックポイント、TTSプロバイダーの動的切り替え、.envファイルによるAPIキー管理、HeyGen MCPのみを使用する制約、プレビュー後のレンダリング開始(自動レンダリングはしない)などがあります。

対応✓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

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

mkt-full-video-with-11-hyperframe-heygen は何をしますか?

エンドツーエンドのオーケストレーター: スクリプト → 完成したTikTok/Reels MP4 9:16。

パイプラインには 2つのユーザーチェックポイント があります:

  1. MP3チェックポイント (オーケストレーター) — フェーズ1完了後、ユーザーがボイスオーバーを確認。
  2. シーンアウトラインチェックポイント (フェーズ3サブエージェント) — ユーザーがシーン構造とバリアントを確認してから、コンテンツライターを並列実行します。ユーザーが auto_scenes=true を指定した場合はスキップ可能。

使用するタイミング

  • ユーザーがベトナム語または英語のスクリプト(最大5000文字)を持ち、完成したTikTok動画を希望する場合
  • (オプションで)Bロール用の画像や動画とその使用目的が既にある場合
  • スクリプトからStudioプレビューまでを一貫して処理したい場合

次の場合はこのスキルを使用しません:

  • ユーザーが既にMP3を持っている場合 → heygen-mp3-to-mp4 を直接使用
  • ユーザーが既にトーキングヘッドのMP4を持っている場合 → mkt-hyperframe-talking-head-video を直接使用
  • HeyGenにテキストを直接読み上げさせたい場合(ElevenLabsを経由しない) → heygen-script-to-mp4 を使用
  • スクリプトが5000文字を超える場合 → 意味的に分割して、各セグメントにパイプラインを呼び出し

パイプライン概要

Script (text + optional b-roll + tts_provider)
    │
    ▼
Phase 1 ── TTS (elevenlabs | minimax) ──► voiceover.mp3
    │                                         │
    │                                         ▼
    │                              CHECKPOINT #1 — user nghe + duyệt MP3
    │                                         │
    │                                         ▼ (OK)
Phase 2 ── heygen-mp3-to-mp4 ──────────► source.mp4 (9:16 lip-sync)
    │
    ▼
Phase 3 ── spawn agent mkt-full-video-phase3-packager (isolated context)
            │
            ├─ transcribe + clean + group captions
            ├─ detect scene boundaries + classify mockup_variant
            ├─ CHECKPOINT #2 — user duyệt scenes outline
            ├─ FAN-OUT N general-purpose sub-agents (1 per scene) parallel
            │   → mỗi sub-agent build content JSON theo variant schema
            ├─ merge → scenes.json
            ├─ parallel: scaffold sub-comps + copy SFX + inject captions
            ├─ generate root index.html
            └─ lint + preview Studio
    │
    ▼
User duyệt preview → "render" → final MP4

チェックポイントルール: オーケストレーターはチェックポイント#1(MP3)を管理します。フェーズ2と3は自動実行されます。チェックポイント#2(シーンアウトライン)はフェーズ3のサブエージェントが管理します。Studioでの最終レンダリングはユーザーが決定します。

入力

入力必須形式 / 例
Script textはいファイルパス(.txt/.md)またはインライン文字列。最大5000文字。
Slug projectいいえスクリプトの最初の5単語から自動生成。小文字、ASCII、ハイフン。
B-roll listいいえ配列 [{path: "...", purpose: "Bài học 1 — minh họa X"}, ...]。
tts_providerいいえelevenlabs(デフォルト — Hoàngの声、表現力豊か)または minimax(speech-2.8-hd、低コスト、ベトナム語が自然)。ユーザーが「minimax使って」/「eleven使って」と言った場合に設定。
Voice ID overrideいいえデフォルトを .env からオーバーライド。ElevenLabsは ELEVENLABS_VOICE_ID、MiniMaxは MINIMAX_VOICE_ID を読み込み。CLIフラグ --voice_id は両方に使用可能。
Voice settings overrideいいえElevenLabs: {stability, similarity_boost, style}。MiniMax: {speed, vol, pitch}。
Avatar lookいいえHEYGEN_AVATAR_LOOKS 環境変数(.env、カンマ区切り)から取得した1つのID。未指定の場合はランダム選択。
auto_scenesいいえデフォルト false。true にするとフェーズ3のシーンアウトラインチェックポイントをスキップ。

ワークスペース構成

workspace/content/YYYY-MM-DD/<slug>/
├── script.txt              # Phase 0
├── voiceover.mp3           # Phase 1
├── source.mp4              # Phase 2
├── broll/                  # User-provided b-roll (copy)
├── transcript.json         # Phase 3
├── caption-groups.json     # Phase 3
├── scenes-outline.json     # Phase 3 — pre-checkpoint outline
├── scenes/                 # Phase 3 — fan-out per-scene content writes here
│   ├── scene-1.json
│   └── ...
├── scenes.json             # Phase 3 — merged final
├── compositions/           # Phase 3 — HF sub-comps
├── sfx/                    # Phase 3 — 6 SFX
└── index.html              # Phase 3 — root composition

YYYY-MM-DD は本日の日付(UTC+7)。

ワークフロー

Step 0 — Setup

  1. len(script_text) <= 5000 を検証。超えた場合は停止し、ユーザーに意味的な分割を依頼。
  2. スラッグが不足している場合は導出: 最初の5単語 → 小文字 → アクセント除去 → スペース→ハイフン。
  3. TTSプロバイダーの解決 — ユーザー入力から tts_provider を読み取り(デフォルト elevenlabs)。ユーザーが「minimax使って」/「minimaxに変更」と言った場合 → minimax。ユーザーが「eleven使って」/「elevenlabs」と言った場合 → elevenlabs。対応するAPIキーが .env にあるか検証:
    • elevenlabs → ELEVENLABS_API_KEY が必要(オプションで ELEVENLABS_VOICE_ID によりデフォルト K7ewtjKRNtwwt3lKQ6M0 をオーバーライド可能)。
    • minimax → MINIMAX_API_KEY が必要(オプションで MINIMAX_VOICE_ID によりデフォルト moss_audio_c56d6120-ef9c-11f0-9649-8ee40147f116 をオーバーライド可能)。 キーがない場合は停止し、ユーザーに .env へ追加するよう通知。
  4. workspace/content/YYYY-MM-DD/<slug>/ を作成。script.txt を保存。
  5. ユーザーがBロールを持っている場合: <folder>/broll/ を作成し、元のファイル名を保持してコピー。
  6. ユーザーに通知: "ワークスペースを作成しました: <folder>。TTSプロバイダー: <elevenlabs|minimax>。フェーズ1を開始します。"

Step 1 — Phase 1: Script → MP3 (TTS)

tts_provider に応じて、2つの分岐のうち正しい方を実行:

分岐 A — ElevenLabs (デフォルト):

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

Voice ID: .env から ELEVENLABS_VOICE_ID を自動読み取り(フォールバックはデフォルトのHoàngブランドボイス)。CLIオーバーライド: --voice_id <id>。 Voice settings: ユーザーが調整を要求した場合、--stability / --similarity_boost / --style を追加。

分岐 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

Voice ID: .env から MINIMAX_VOICE_ID を自動読み取り(フォールバックはデフォルト moss_audio_…)。CLIオーバーライド: --voice_id <id>。 Voice settings: --speed(デフォルト 1.08)、--vol、--pitch、--language_boost Vietnamese。

出力ファイル名は両分岐とも不変: voiceover.mp3。フェーズ2(HeyGen)が正しいパスを見つけられるようにするため。

完了後、(両方のプロバイダー共通で)再生時間を確認:

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

TOO_LONG → 停止。MP3が5分を超えていることをユーザーに通知し、スクリプトの短縮を依頼。

Step 2 — CHECKPOINT #1: user nghe MP3

オーケストレーターが管理する唯一の停止ポイント。 以下の正確な形式でユーザーに通知:

## Voiceover ready — duyệt giúp mình

**File:** `workspace/content/YYYY-MM-DD/<slug>/voiceover.mp3`
**Duration:** <X.X>s
**Size:** <Y.Y> MB
**Provider:** <`elevenlabs` | `minimax`>
**Voice:** <`ElevenLabs Brand Voice của Hoàng (K7ewtjKRNtwwt3lKQ6M0)`> hoặc <`MiniMax speech-2.8-hd (moss_audio_…)`> (lấy từ `.env` voice ID nếu user override)

Mở file nghe thử. Reply 1 trong:
- **`OK`** / **`tiếp`** → mình chạy Phase 2 (HeyGen avatar lip-sync)
- **`regen`** + (optional) lý do → mình tweak voice settings và regen MP3
- **`sửa script`** + nội dung mới → mình save script mới và rerun Phase 1

ツール呼び出しを停止。 ユーザーからの明確な返信を待ちます。

ユーザーが OK → フェーズ2へ。 ユーザーが regen → 現在のプロバイダーのTTSスクリプトを新しい設定で再実行し、チェックポイントに戻る。ユーザーが「minimaxに変更」/「elevenを試す」と言った場合 → tts_provider を交換し、フェーズ1を再実行。 ユーザーがスクリプトを修正 → script.txt を上書きし、フェーズ1を最初から再実行(同じプロバイダー)。

Step 3 — Phase 2: MP3 → HeyGen MP4 (auto)

サブスキル heygen-mp3-to-mp4 に従う:

  1. アバターIDを選択 — .env から HEYGEN_AVATAR_LOOKS を読み取り(カンマ区切り)、ユーザーが指定しない場合はランダム選択:

    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]}'
    

    環境変数がないか空の場合 → 停止し、ユーザーに HEYGEN_AVATAR_LOOKS=<id1>,<id2> を .env に追加するよう通知。MCPを呼び出す前にユーザーに選択を促す。

  2. MP3をHeyGenにアップロード(MCP経由、upload_asset、アセットタイプ audio)。https://upload.heygen.com/... へのcurlは使用しない。

  3. アバタービデオを生成(MCP経由、generate_avatar_video):

    character: { type: avatar, avatar_id: <picked>, scale: 1.0 }
    voice:     { type: audio, audio_asset_id: <from upload> }
    dimension: { width: 720, height: 1280 }   # 9:16
    title:     "<slug>-<timestamp>"
    
  4. ステータスをポーリング(約10秒ごと)→ completed(最大10分)。failed → 停止し、エラーを表示。

  5. MP4をダウンロード → workspace/content/YYYY-MM-DD/<slug>/source.mp4(ファイル名不変):

    uv run .claude/skills/heygen-mp3-to-mp4/scripts/download_video.py \
      "<video_url>" "workspace/content/YYYY-MM-DD/<slug>/source.mp4"
    
  6. ユーザーに1行で通知: "フェーズ2完了 — <path>(アバター <id>、秒、MB)。フェーズ3パッケージャーを起動中…"

ここでは停止しない。 フェーズ3に自動フロー。

Step 4 — Phase 3: Spawn packager sub-agent

subagent_type: "mkt-full-video-phase3-packager" でTaskツールを使用。エージェントが必要とする入力を含む自己完結型のプロンプトを渡します。例:

Workspace: workspace/content/2026-05-03/hom-nay-minh-chia-se/
Slug: hom-nay-minh-chia-se
Script: <full script text>
B-roll: [
  {"path": "workspace/content/2026-05-03/hom-nay-minh-chia-se/broll/alphabet.png", "purpose": "Bài học 1"},
  ...
]
auto_scenes: false
header_label: "3 BÀI HỌC AI"
footer_handle: "@tranvanhoang.com"

Run the full Phase 3 packaging pipeline per your agent definition. Return Studio URL when preview is open.

サブエージェントは:

  • source.mp4 を文字起こし、シーンアウトラインを構築
  • auto_scenes: true でない限り、ユーザーにアウトラインの承認を求めて停止(チェックポイント#2)
  • N個のシーンコンテンツライターを並列実行
  • マージ + スキャフォールド + lint + プレビューを開く
  • Studio URLを返す

サブエージェントの実行中、オーケストレーターの唯一の仕事は、ユーザーの返信をサブエージェントに中継することです(シーンアウトラインチェックポイントでのユーザー返信はこの会話に届きます。サブエージェントがまだアクティブな場合はそれにルーティングし、そうでない場合はフォローアップ指示として扱います)。

Step 5 — Hand off

サブエージェントがStudio URLを返したら、最終レポートをフォーマット:

## Full video pipeline DONE — preview ready

**Workspace:** `workspace/content/YYYY-MM-DD/<slug>/`

**Phase 1 (`<elevenlabs|minimax>`):** voiceover.mp3 — <D1>s, <S1>MB (voice ID `<id>`)
**Phase 2 (HeyGen):** source.mp4 — avatar `<avatar_id>`, <D2>s, <S2>MB
**Phase 3 (HyperFrames):** <N> scenes (<list variants>), <K> caption groups, 6 SFX

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

Mở browser scrub timeline. Nói **`render`** khi OK → mình chạy `npx hyperframes render` xuất MP4 1080×1920 30fps.

ここで停止。 自動レンダリングは行いません。ユーザーが確認してから npx hyperframes render を呼び出します。

重要なオーケストレーションルール

  1. 2つのユーザーチェックポイント、1つのオーケストレーターゲート — オーケストレーターはMP3チェックポイント(Step 2)でのみ停止します。シーンアウトラインチェックポイントはフェーズ3のサブエージェントが管理します。Studioでのレンダリングゲートはユーザーが決定します。

  2. パス規則は不変 — ボイスオーバーは voiceover.mp3、トーキングヘッドは source.mp4 でなければなりません。HFサブスキルは source.mp4 という名前を期待します。

  3. HeyGen MCPのみ — https://api.heygen.com/... にcurlすることは絶対にしないでください。heygen-mp3-to-mp4 のハード制約です。

  4. Voice IDは .env に保存、スキル内にハードコードしない。 ElevenLabsは ELEVENLABS_VOICE_ID を読み取り(フォールバック K7ewtjKRNtwwt3lKQ6M0)。MiniMaxは MINIMAX_VOICE_ID を読み取り(フォールバック moss_audio_…)。呼び出しごとのオーバーライドは --voice_id 経由。パイプラインはStep 0とチェックポイント#1で、選択されたプロバイダーとVoice IDを明確に通知します。

  5. スクリプト長のハードキャップは5000文字 — Step 0.1で早期失敗。

  6. MP3再生時間 ≤ 300秒 — HeyGenの単一動画制限。フェーズ1完了直後に確認。

  7. プレビュー優先 — フェーズ3は自動レンダリングしません。feedback_hyperframes_workflow.md を記憶。

  8. フェーズ3の分離 — フェーズ3は独立したサブエージェントコンテキストで実行。HFスキル本文と4つのリファレンスドキュメント(約40KB)はメインのオーケストレーターではなくサブエージェントに読み込まれます。

障害モードとフォールバック

症状対応
Script > 5000 ký tự停止、ユーザーに意味的な分割を依頼
ElevenLabs API failエラーを報告、.env 内の ELEVENLABS_API_KEY(オプションで ELEVENLABS_VOICE_ID)を確認するよう提案。または tts_provider=minimax に切り替えてフェーズ1を再実行
MiniMax API failエラーを報告、.env 内の MINIMAX_API_KEY(オプションで MINIMAX_VOICE_ID)を確認するよう提案。または tts_provider=elevenlabs に切り替えてフェーズ1を再実行
MP3 > 300s sau Phase 1パイプラインを停止、heygen-short-video(チャンキング)を提案
HeyGen MCP not connected停止、claude mcp list で確認するよう通知
HeyGen render failedエラーを表示、mcp__heygen__get_current_user でクレジットを確認するよう提案
Phase 3 sub-agent failエラートレースを読み取り、mkt-hyperframe-talking-head-video スキルを使用してフェーズ3を単独で再実行するようユーザーに提案
Scene writer returns malformed JSONサブエージェントがそのシーンを自動的に再生成(オーケストレーターの関知外)
User reject MP3 voiceボイス設定を調整してフェーズ1に戻る

エンドツーエンドの例

ユーザー:

スクリプトがあるから、フルパイプラインでTikTok動画にして。レッスン1とレッスン2用のBロール画像2枚も添付するよ。 Script: "今日はAnthropicから3つの教訓を共有します。最初の教訓はAlphabet ship betaです。2つ目の教訓は24時間…" B-roll: alphabet.png(教訓1)、clock.png(教訓2)

パイプライン:

  1. Step 0 — スラッグ hom-nay-minh-chia-se。フォルダ workspace/content/2026-05-03/hom-nay-minh-chia-se/。script.txt を保存、Bロールをコピー。
  2. Step 1 — text_to_mp3.py → voiceover.mp3(45秒、0.7MB)。
  3. Step 2 — CHECKPOINT #1 — ユーザーにパスと再生時間を通知。返信を待つ。
  4. ユーザー: OK。
  5. Step 3 — アバターを選択(HEYGEN_AVATAR_LOOKS からランダム、例 66e75e22…)。MP3をアップロード → asset_id。ビデオを生成 → ポーリング → source.mp4 をダウンロード(45秒、7.5MB)。
  6. Step 4 — mkt-full-video-phase3-packager サブエージェントを起動。
  7. サブエージェントが文字起こし(35秒)、アウトラインを作成(3つの教訓 + まとめ + CTA)、アウトラインを表示 → CHECKPOINT #2。
  8. ユーザー: OK。
  9. サブエージェントが5つのシーンライターを並列実行(約8秒の壁時計 vs 約40秒の直列)。
  10. サブエージェントがマージ → scenes.json → スキャフォールド + SFX + キャプションを並列で作成。
  11. サブエージェントが index.html を生成し、lintを実行、プレビューを開く。
  12. Step 5 — オーケストレーターがStudio URLを表示。ユーザーがプレビューを確認し、「レンダリングして」と言う。
  13. オーケストレーターが npx hyperframes render を実行 → final.mp4 (1080×1920 30fps)。

すべてのステップで /tmp/feedback_full_video_pipeline.md を更新することを忘れないでください。

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

関連スキル