Recipe prompt
Paste into Cursor, Claude Code, v0, or your coding agentYou are implementing the "Python Quickstart" recipe in this project.
Read the recipe markdown first:
https://raw.githubusercontent.com/AgoraIO-Conversational-AI/agent-quickstart-python/main/docs/ai/RECIPE.md
Use the source repository for cross-reference:
https://github.com/AgoraIO-Conversational-AI/agent-quickstart-python
Build this recipe into the user's app using the markdown as the implementation guide. Inspect related source files through the repository links when the recipe points to them. Ask before installing new dependencies.Recipe
Rendered from the configured recipe markdown.
recipeversion: 1.0.0 recipestatus: experimental extension_points:
- id: api.routes
name: Browser-facing API routes
- id: agent.managed-config
name: Managed agent prompt, VAD, model, and voice defaults
- id: web.conversation-ui
name: Conversation UI panels and controls
- id: verification.contracts
name: Contract and local smoke verification invariants:
- id: api.rewrite-boundary
summary: Browser calls stay on /api/* and Next rewrites to FastAPI.
- id: secrets.server-only
summary: Agora App Certificate and BYOK keys stay in the Python backend.
- id: token.uid-concrete
summary: Backend resolves missing, zero, or negative UIDs before issuing RTC+RTM tokens. stable_contracts:
- id: env.required
summary: AGORAAPPID and AGORAAPPCERTIFICATE are required by FastAPI; AGENTBACKENDURL is required by deployed web rewrites.
- id: api.core-routes
summary: GET /api/get_config, POST /api/startAgent, and POST /api/stopAgent remain the browser-facing contract.
- id: response.envelope
summary: Successful backend responses use { code, msg, data }. ---
Recipe Contract
This base recipe defines the reusable surface for a Python-backed Agora Conversational AI quickstart with a Next.js web client.
Recipe Role
- Role:
basequickstart recipe. - Target audience: developers bootstrapping a production-style Conversational AI app with a Python FastAPI backend and Next.js web client.
- Reuse model: clone, bind project, run, then customize backend agent behavior or browser UI.
Recipe Scope
This base recipe provides a copyable split-process starter with:
- Python FastAPI token generation and managed agent lifecycle.
- Next.js browser UI with RTC audio, RTM events, transcript, metrics, and connection status.
- Rewrite-only
/api/*browser facade that hides backend placement. - Managed default STT, LLM, and TTS provider configuration.
- Contract and local smoke verification that do not require live Agora calls.
Baseline Implementation Guidance
This repository is the Python-backed Agora quickstart baseline for this recipe. Agents should use this repo's source and progressive disclosure docs as the starting point, then customize.
Do not recreate Agora ConvoAI integration from memory. Provider schemas, SDK builder fields, token behavior, and RTM event details can drift. For a new baseline implementation, follow L1/L2/from_scratch_bootstrap.md while copying verified patterns from this repo.
Extension Points
| ID | Surface | How to extend | Required follow-up |
|---|---|---|---|
api.routes | server/src/server.py, web/next.config.ts, web/src/services/api.ts | Add FastAPI route, add rewrite, add browser fetch helper. | Extend web/scripts/verify-api-contracts.ts; add smoke coverage if the route belongs in local verification. |
agent.managed-config | server/src/agent.py | Change ADA_PROMPT, AGENT_GREETING, turn_detection, OpenAI, DeepgramSTT, MiniMaxTTS, parameters, or session options. | Run backend compile and local FastAPI smoke checks; document new env vars in server/.env.example. |
web.conversation-ui | web/src/components/*, web/src/lib/conversation.ts | Customize pre-call, transcript, metrics, connection status, microphone, or visualizer UI. | Preserve RTC/RTM lifecycle ownership and transcript UID normalization. |
verification.contracts | web/scripts/*.ts, root package.json | Add contract checks for new browser/backend boundaries. | Keep checks runnable without live Agora credentials where possible. |
Invariants
- Browser code calls only
/api/get_config,/api/startAgent, and/api/stopAgentfor the default recipe flow. - Next.js owns the browser-facing
/api/*paths only through rewrites; do not addweb/app/api/**/route.tsfor agent or token logic. - FastAPI owns token generation,
AGORA_APP_CERTIFICATE, BYOK provider keys, and agent lifecycle. - The backend returns one RTC+RTM-capable token from
get_config; it must be issued for a concrete non-zero UID. LandingPage.tsxcoordinates config fetch, agent start, RTM login, token renewal, and call teardown.ConversationComponent.tsxowns RTC join, microphone publish,AgoraVoiceAIinitialization, transcript/state/metrics listeners, and explicit end-call media release.- Managed-provider defaults stay server-side unless a change intentionally adds a BYOK path.
Stable Contracts
| Contract | Stable shape |
|---|---|
| Required backend env | AGORA_APP_ID, AGORA_APP_CERTIFICATE |
| Optional backend env | AGENT_GREETING, PORT |
| Required web deploy env | AGENT_BACKEND_URL |
| Optional browser env | NEXT_PUBLIC_AGENT_UID |
GET /api/get_config | Query channel?, uid?; returns data.app_id, data.token, data.uid, data.channel_name, data.agent_uid. |
POST /api/startAgent | Body { channelName, rtcUid, userUid, parameters? }; returns data.agent_id, data.channel_name, data.status. |
POST /api/stopAgent | Body { agentId }; returns { code: 0, msg: "success" }. |
| Success envelope | { "code": 0, "msg": "success", "data": ... } where route has data. |
| Verification entry points | bun run verify:web, bun run verify:backend, bun run verify:web:proxy, bun run verify:local:fastapi, bun run verify:local. |
Internal / Subject to Change
- Exact visual layout, component composition, Tailwind classes, and asset choices under
web/src/components/. - Exact managed-provider model names, VAD timing, voice IDs, and prompt text, as long as they remain documented extension points.
- In-memory
Agent._sessionsimplementation details; the stable behavior is start by channel/user and stop by returnedagent_id. - Verification implementation internals under
web/scripts/; the stable surface is the root script names and what they assert. agora-agentsSDK minor-version behavior; this recipe lower-bounds v2 but does not freeze every SDK field.
Related Progressive Disclosure Docs
L1/01_setup.md— setup, env, and command reference.L1/02_architecture.md— request flow and component topology.L1/05_workflows.md— common modification workflows.L1/06_interfaces.md— route, rewrite, env, and event contracts.L1/L2/from_scratch_bootstrap.md— implementation map for recreating the Python-backed quickstart recipe.L1/L2/managed_agent_config.md— full agent config detail.L1/L2/session_lifecycle.md— RTC/RTM/session orchestration.