Education

Guided practice

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

Experience
speak()
Manual listening
Presenter mode
Host feedback

Live demo Run locally GitHub source Experience on Meet spec.md

What it demonstrates

Presenter-mode integration using Experience.speech.speak() (and related APIs).
Host-owned UI for scripted lines, listening control, and/or feedback.
CDN / SDK embed of a public demo experience.

Implementations

SvelteKit

`<Experience />` from `@liforma/client/svelte` — 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 →Next.js

Next.js

`@liforma/client/react` plus optional App Router session route helper.

View implementation →React (Vite)

React (Vite)

Client-side React with `@liforma/client/react` — no Next.js server.

View implementation →

Related

AI agent prompt

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

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

Preserve the presenter / speak API integration and host-owned UI around the embed.