Skip to content

markesphere/create-simli-app-openai

 
 

Repository files navigation

Create Simli App (OpenAI)

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 OPENAI-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"
NEXT_PUBLIC_OPENAI_API_KEY="OPENAI-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.
const avatar = {
  name: "Frank",
  simli_faceid: "5514e24d-6086-46a3-ace4-6a7264e5cb7c",
  initialPrompt: "You are a helpful AI assistant named Frank. You are friendly and concise in your responses. Your task is to help users with any questions they might have.",
};

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

OpenAI powered & Simli-visualized Avatar

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.7%
  • CSS 2.3%
  • JavaScript 1.0%