FARAZ
ENKontakt
Gratis

Your Own Animated Avatar: the Full Guide

Eine Schritt-für-Schritt-Anleitung, wie du in Avatar Lab, einem Open-Source-Studio im Browser, deine eigene kleine animierte Figur gestaltest und sie auf eine Webseite bringst oder als Bild nutzt, mit der fertigen Beispielseite zum Selbststarten.

0 €

Gib deine E-Mail ein. Du bekommst einen 6-stelligen Code, dann startet der Download.

Node.js 22.12+ und npm; für das Studio zusätzlich Git und pnpm 10.34. Kein Konto, kein API-Key. Studio und Pakete stehen unter AGPL-3.0: Der Guide erklärt, was das bedeutet, bevor du die animierte Figur auf eine öffentliche Seite stellst.

Was du bekommst

  • Studio Avatar Lab auf deinem Rechner installieren und im Browser starten.
  • Character Form, Farbe und Augen deiner eigenen Figur, Schritt für Schritt.
  • Animations Fröhlich, lachend, nachdenklich, zuhörend, feiernd und mehr, dazu eigene.
  • Export Als React oder reines JavaScript, oder als PNG/SVG-Bild über den Photo Mode.
  • Example page Ein kleiner Website-Assistent, der zuhört, nachdenkt und reagiert, getestet mit npm run build.

In drei Schritten

  1. Entpacken und den Guide (PDF) öffnen. Oder direkt das Beispiel starten: npm install und npm run dev in example-site.
  2. Mit den sechs Schritten deine Figur gestalten und auf deine eigene Seite bringen.
  3. Oder INSTALL-WITH-CLAUDE.md in Claude Code einfügen und Schritt für Schritt zusammen bauen.

Fabian Faraz Farid · Alle Links