{
 "schema_version": 1,
 "generated": "2026-10-20",
 "id": "shinshin86-mesh-avatar-studio--try-avatar-in-browser",
 "repo": "shinshin86/mesh-avatar-studio",
 "repo_url": "https://github.com/shinshin86/mesh-avatar-studio",
 "repo_slug": "shinshin86-mesh-avatar-studio",
 "title": "Try an avatar in the browser without installing anything",
 "page_title": "How to try an avatar in the browser without installing anything with Mesh Avatar Studio",
 "summary": "Open the Player in Chrome or Edge and move the sample or your own .mavatar file with your face.",
 "who": "A curious viewer or non-developer who wants to see the avatar move before setting up any tools.",
 "problem": "Setting up a development environment just to see a demo is a barrier for most people.",
 "outcome": "The sample or your own .mavatar file animates in the browser, with face tracking and microphone lip sync.",
 "steps": [
  "Open https://shinshin86.github.io/mesh-avatar-studio/play/ in Chrome or Edge",
  "Open the bundled sample or choose your own .mavatar file",
  "Allow camera and microphone access when the browser asks",
  "Choose Open avatar window to show the avatar in its own window"
 ],
 "agent_prompt": "Open the Mesh Avatar Studio Player in Chrome or Edge and load the bundled sample. Expect the avatar to animate in the page. Verify that blinking and talking appear when the webcam and microphone are on.",
 "agents": [
  "any"
 ],
 "difficulty": "Beginner",
 "time": "15 minutes",
 "basis": "readme",
 "caveat": "The Player has no stream URL, so transparency and the OBS Browser Source need the Live page in the local editor instead.",
 "category": "Content",
 "tags": [
  "Content"
 ],
 "lang": "typescript",
 "requirements": [
  "Node.js 22.17+ and Git",
  "A front-facing, head-and-shoulders PNG with a transparent background (best results)",
  "Claude Code or Codex, if an agent will prepare the avatar",
  "Optional: uv, Python and Playwright Chromium for agent layer rebuilds and motion review",
  "A webcam and microphone, only for the Live page"
 ],
 "risk": "none",
 "seen_in_the_wild": false,
 "mentioned_publicly": false,
 "risks": [],
 "best": false,
 "score": 0.8,
 "evidence": [],
 "url": "https://dedupedai.com/use-cases/shinshin86-mesh-avatar-studio/try-avatar-in-browser/",
 "md": "https://dedupedai.com/use-cases/shinshin86-mesh-avatar-studio/try-avatar-in-browser/index.md",
 "disclaimer": "Deduped lists open-source repositories that belong to other people. We do not own, maintain, audit, or vouch for any of them, and a repo appearing here is not an endorsement or a safety check. The use cases, steps, and prompts are written by AI and may be incomplete, outdated, or just wrong. Where a use case is marked \"Seen in the wild\", we link to public posts where someone described something similar, but we have not verified those posts and the use case itself is still our AI's own write-up. Use all of this at your own risk. Only run code, commands, or agents on systems and accounts you are authorized to use, and read the code and every command before you run it, especially anything that touches credentials, files, or the network. Nothing here is professional, security, legal, or financial advice. All trademarks and project names belong to their respective owners, and their use here does not imply affiliation. Content is provided as is, without warranties of any kind. Found a mistake, a safety problem, or something you want removed? Email hello@dedupedai.com and we will look at it promptly.",
 "api": "https://dedupedai.com/api/v1/usecases/shinshin86-mesh-avatar-studio--try-avatar-in-browser.json",
 "api_version": "v1"
}