Skip to content

simliai/create-simli-app-elevenlabs

Repository files navigation

Create Simli App (ElevenLabs)

This starter is an example of how to create a composable Simli interaction that runs in a Next.js app.

Usage

  1. Rename .env_sample to .env and paste your API keys: SIMLI-API-KEY and ELEVENLABS-API-KEY
    If you want to try Simli but don't have API access to these third parties, ask in Discord and we can help you out with that (Discord Link).
NEXT_PUBLIC_SIMLI_API_KEY="SIMLI-API-KEY"
ELEVENLABS_API_KEY="ELEVENLABS-API-KEY"
  1. Insall packages
npm install
  1. Run
npm run dev
  1. Customize your avatar's face and prompt by editing app/page.tsx. Create your ElevenLabs agent
const avatar = {
  elevenlabs_agentid: "ELEVEN-LABS-AGENT-ID",
  simli_faceid: "5514e24d-6086-46a3-ace4-6a7264e5cb7c",
};

Characters

You can swap out the character by finding one that you like in the docs, or create your own

alt text alt text alt text alt text alt text alt text

Deploy on Vercel

An easy way to deploy your avatar interaction to use the Vercel Platform.

About

Elevenlabs AI Agent & Simli-visualized Avatar

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published