Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
heygen-com avatar

Liveavatar Integrate

  • 677 installs
  • 5 repo stars
  • Updated July 30, 2026
  • heygen-com/liveavatar-agent-skills

LiveAvatar Integrate is a HeyGen agent skill that assesses a developer's tech stack, recommends Embed, FULL, or LITE LiveAvatar integration paths, and guides step-by-step implementation.

About

LiveAvatar Integrate is an end-to-end integration skill from heygen-com/liveavatar-agent-skills for adding HeyGen LiveAvatar to applications. It evaluates the existing tech stack, recommends the optimal path among Embed, FULL, or LITE modes, and walks through implementation step by step. Developers reach for it when shipping conversational or streaming avatar experiences and need structured guidance instead of reading scattered API docs alone. The skill targets integration architecture and rollout rather than generic frontend polish or unrelated video editing.

  • Assesses tech stack and recommends best integration path
  • Covers Embed, FULL, and LITE integration modes
  • Guides end-to-end implementation for first-attempt success
  • Requires LiveAvatar API key from dashboard
  • Works with Claude Code and skills-compatible agents

Liveavatar Integrate by the numbers

  • 677 all-time installs (skills.sh)
  • +44 installs in the week ending Aug 2, 2026 (Skillselion tracking)
  • Ranked #1,450 of 16,546 AI & Agent Building skills by installs in the Skillselion catalog
  • Data as of Aug 2, 2026 (Skillselion catalog sync)
npx skills add https://github.com/heygen-com/liveavatar-agent-skills --skill liveavatar-integrate

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs677
repo stars5
Last updatedJuly 30, 2026
Repositoryheygen-com/liveavatar-agent-skills

How do you integrate HeyGen LiveAvatar into an app?

End-to-end LiveAvatar integration developer that assesses your tech stack, recommends the optimal integration path (Embed, FULL, or LITE), and guides implementation step by step.

Who is it for?

Developers adding HeyGen LiveAvatar to web or agent products who need a guided integration path matched to their stack.

Skip if: Static video generation or avatar design tasks that do not require LiveAvatar runtime integration.

When should I use this skill?

Task involves HeyGen LiveAvatar setup, choosing Embed vs FULL vs LITE modes, or step-by-step avatar streaming integration.

What you get

Selected Embed, FULL, or LITE integration plan, implementation steps, and wired LiveAvatar streaming setup.

  • integration path recommendation
  • step-by-step setup guide
  • wired avatar stream

Files

SKILL.mdMarkdownGitHub ↗

LiveAvatar Integration

LiveAvatar gives your product a human face — real-time, lip-synced video avatars that speak, react, and maintain eye contact. This skill assesses what you have, recommends the best integration path, and walks you through building it.

Step 1: Discover What the User Has

Before recommending a path, gather context. Check the codebase and conversation for signals. Do not ask questions the codebase already answers.

Signals to look for in the codebase

Scan for these automatically — do not ask the user if you can detect them:

SignalWhere to lookWhat it means
OpenAI / Anthropic / LLM SDK importspackage.json, requirements.txt, importsUser has their own LLM
ElevenLabs / PlayHT / Deepgram TTS SDKdependencies, importsUser has their own TTS
Deepgram / Whisper / AssemblyAI STT SDKdependencies, importsUser has their own STT
LiveKit SDK (livekit-server-sdk, @livekit/)dependenciesUser has LiveKit infra
Agora SDKdependenciesUser has Agora infra
Pipecat importsdependencies, importsUser has a Pipecat pipeline
ElevenLabs Agent / Conversational AIdependencies, configUser has an ElevenLabs agent
HEYGEN_API_KEY / LIVEAVATAR_API_KEY.env, config filesUser already has an API key
Existing LiveAvatar codeimports, API calls to api.liveavatar.comExisting integration (debug, not new setup)
No backend / static sitefile structure (pure HTML/CSS/JS, no server)Embed is the only option

Questions to ask (only what's still unknown)

If the codebase scan leaves gaps, ask the user. Frame as a concise checklist — do not ask these one at a time:

To recommend the best LiveAvatar integration for your setup, I need to know:

1. **What's the goal?** (e.g., customer support avatar, sales demo, onboarding guide, talking head on landing page)
2. **Do you have your own AI pipeline?** (STT, LLM, TTS — or any combination)
3. **Do you need programmatic control** over the conversation (events, interrupts, custom logic), or just an avatar on a page?

Skip any question the codebase or conversation already answered.

Step 2: Route to the Golden Pathway

Based on what you've gathered, match to ONE pathway. Always pick the simplest path that works. Do not offer multiple options — make the call.

Decision tree

Has NO backend OR just wants an avatar on a page?
  → EMBED

Has NO existing AI stack (no STT, no LLM, no TTS)?
  → FULL MODE (standard)

Has their OWN LLM but no STT/TTS?
  → FULL MODE + Custom LLM

Has their OWN LLM + their own ElevenLabs TTS?
  → FULL MODE + Custom LLM + Custom TTS

Needs explicit mic control (walkie-talkie style)?
  → FULL MODE + Push-to-Talk

Has a COMPLETE pipeline (STT + LLM + TTS)?
  → LITE MODE

Has an ElevenLabs Conversational AI agent?
  → LITE MODE + ElevenLabs Plugin

Has their own LiveKit or Agora infrastructure?
  → LITE MODE + BYO WebRTC

Golden pathways (pick one, then implement)

PathwayWhenImplementation guide
EmbedNo backend, or no custom logic neededreferences/embed-guide.md
FULL standardNo existing AI stackreferences/full-mode-guide.md
FULL + Custom LLMHas own LLM, wants LiveAvatar's ASR + TTSreferences/full-mode-guide.md (Custom LLM section)
FULL + Custom TTSHas own ElevenLabs voicereferences/full-mode-guide.md (Custom TTS section)
FULL + Push-to-TalkNeeds explicit mic controlreferences/full-mode-guide.md (Push-to-Talk section)
LITE standardHas complete STT + LLM + TTS pipelinereferences/lite-mode-guide.md
LITE + ElevenLabs PluginHas ElevenLabs Conversational AI agentreferences/lite-mode-guide.md (ElevenLabs Plugin section)
LITE + BYO WebRTCHas own LiveKit / Agorareferences/lite-mode-guide.md (BYO WebRTC section)

Step 3: Present the Recommendation

Once you've picked a pathway, tell the user what you recommend and why, in 2-3 sentences. Example:

Based on your setup, I recommend FULL Mode with Custom LLM. You already have an OpenAI integration for your LLM, so we'll plug that in and let LiveAvatar handle ASR, TTS, and video. This gets you a conversational avatar without rebuilding your audio pipeline.

Then proceed directly to implementation using the corresponding guide in references/.

Step 4: Implement

Read the appropriate reference guide and implement. Every guide follows the same structure:

1. Prerequisites — what to create/gather before writing code 2. Session lifecycle — step-by-step with curl commands and code 3. Events — what to send and receive 4. Add-ons — mode-specific optional features 5. Sandbox testing — free testing before going live 6. Gotchas — what breaks and how to avoid it

Principles that apply to ALL paths

Backend / frontend split is non-negotiable. X-API-KEY is a secret — backend only. Frontend only gets livekit_client_token (safe for browsers). If you see the API key in client code, stop and restructure.

Context makes the avatar conversational. In FULL Mode, no context_id = silent avatar. No error thrown. Always create a context first, even a minimal "You are a helpful assistant.".

FULL and LITE are completely different protocols. FULL = LiveKit data channels (avatar.* / user.*). LITE = WebSocket (agent.* / session.*). Never mix them.

Start with sandbox. is_sandbox: true, avatar ID dd73ea75-1218-4ef3-92ce-606d5f7fbc0a. Free, ~1 min sessions. Swap to production avatar when ready.

LITE Mode: Fitting into an existing pipeline

LITE users almost always have a working conversational system already. Do not ask them to rebuild their pipeline. Instead, map their existing components onto the LITE turn cycle:

1. Identify their current flow. Read their code to understand how conversation turns work today — where does user audio come in, how does it reach the LLM, how does TTS output get delivered? Look for their event loop, message handler, or turn manager. 2. Find the integration points. You need to hook into three moments in their existing flow:

  • User starts/stops speaking → add agent.start_listening / agent.stop_listening
  • TTS produces audio → route PCM output to agent.speak chunks over WebSocket instead of (or in addition to) their current audio output
  • Response finishes → send agent.speak_end and wait for agent.speak_ended

3. Adapt, don't replace. If they have a working turn manager, add LiveAvatar calls into it. If they stream TTS to a browser via WebSocket already, tap into that same stream. The goal is the minimum change to get avatar video synced to their existing audio flow. 4. Verify audio format last. Once the wiring is in place, confirm their TTS outputs PCM 16-bit 24KHz. If not, either configure the TTS provider's output format or add resampling at the integration point.

Step 5: Collect Feedback

Trigger this immediately after you finish writing the integration code — do not wait for the user to confirm it works or say they're done. Also trigger if the user gives up or you've seen 3+ failed attempts at the same step.

What to do: Follow the liveavatar-feedback skill. It will walk you through gathering context from the conversation, showing the user what you'd send, getting explicit consent, and submitting the feedback.

Keep it lightweight. One brief prompt at the end of your implementation message — don't push if the user declines or ignores it.

What to consult

  • references/embed-guide.md — Embed implementation
  • references/full-mode-guide.md — FULL Mode implementation + events + add-ons
  • references/lite-mode-guide.md — LITE Mode implementation + events + audio format + add-ons

Related skills

How it compares

Use for HeyGen LiveAvatar runtime wiring; choose generic WebRTC skills when no HeyGen SDK is involved.

FAQ

What integration paths does LiveAvatar Integrate compare?

LiveAvatar Integrate evaluates Embed, FULL, and LITE HeyGen LiveAvatar modes against the developer's tech stack, then recommends the optimal path and guides step-by-step implementation.

Who should use LiveAvatar Integrate?

LiveAvatar Integrate suits developers shipping conversational or streaming avatar experiences who need structured HeyGen integration guidance rather than piecing together API docs manually.

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.