Tutorials

Step-by-step guides for common tasks in this starter app.

Tutorial	Description
Cesium Viewer Tools Tutorial	End-to-end guide: how the flyTo tool works, why schema and description are separated, how to update descriptions, extend a tool's input schema, enable a new tool in three files (shared/src/enabled-tools.ts, frontend/src/tools/, frontend/src/components/ChatPanel.tsx), and disable a tool cleanly — with entityAddPoint as a concrete worked example.
Codegen Tool Tutorial	How to use the executeCesiumCode tool: enabling it, the human-in-the-loop approval flow, environment variable and programmatic configuration options, and the AST verifier rules that gate generated code.
How Codegen Works	Deep-dive into the generation pipeline: BM25 domain matching, prompt building, LLM generation, AST verification, and the retry loop — with flow diagrams for each stage.
CZML Generation Tutorial	How to use the generateCzml tool: enabling it, the human-in-the-loop approval flow, environment variable and programmatic configuration options, what dynamic behaviors CZML documents can express, and the verification gates a generated document must pass.
Adding an MCP Server	How to configure an MCP (Model Context Protocol) server via MCP_SERVERS, how the backend hooks its tools into the agent loop, verifying the connection, and the security checklist to follow before adding one.
Registering WebMCP Tools	How @cesium-ai/webmcp-cesium registers viewer tools on document.modelContext (the browser-native WebMCP standard), how to enable and test it in Chrome, and why it's a different integration than VS Code Copilot's/Claude Desktop's MCP configuration.