Education

Guided practice

Marvely-style scripted turns: presenter mode, speak() for tutor lines, manual Start/Stop listening, and host-side feedback.

Avatar Experience
speak()
Manual listening
Presenter mode
Host feedback

Run locally GitHub source Avatar on Meet spec.md

What it demonstrates

Lesson-based app pattern — the app chooses a lesson; the lesson chooses the Liforma Experience.
CDN <liforma-experience> embed for public avatar experiences.
Close-before-switch — users end the session before picking another lesson.
Learning goals, session status, microphone guidance, and session notes UI.

Implementations

SvelteKit

Best native Liforma showcase — full lesson UI with TypeScript and Svelte 5.

View implementation →Vanilla HTML

Vanilla HTML

CDN script + `<liforma-experience>` — copy-paste friendly for any site.

View implementation →

Related

AI agent prompt

Use the Liforma Guided practice example to build an app in your chosen framework.

Read:
- https://github.com/charlesatliforma/examples.liforma.ai/blob/main/examples/guided-practice/spec.md
- https://github.com/charlesatliforma/examples.liforma.ai/tree/main/examples/guided-practice

Preserve lesson-based UX, Liforma web component embed, and close-before-switch lesson flow.