Flowcast
FlowCast
Turn your AI coding agent into a producer of interactive, narrated walkthroughs — code that types itself out, diagrams that draw themselves, and 3D tours — each a single self-contained HTML file that opens in any browser. Your model authors; FlowCast renders. Runs locally, nothing uploaded.
Install
npx -y @flowcast/mcp setup
The one-time wizard saves your voice key and connects FlowCast to the AI clients it finds — Claude Code, Claude Desktop, Cursor, Codex, Kiro, Windsurf, Gemini CLI, VS Code. Or add it manually with the Server Config above.
Use it
Ask your agent: "Make a whiteboard walkthrough of how the water cycle works" or "Give me a 3D tour of our Q3 numbers." You get back a link to a scrubbable, narrated cast.
Tools
create_walkthrough— code walkthroughs (live editor, line highlights, terminal)create_whiteboard_walkthrough— animated concept diagramscreate_3d_walkthrough— narrated 3D tourscreate_map_walkthrough— map tourscheck_walkthrough,revise_walkthrough,export_walkthrough
Voice
Every cast is narrated — bring your own TTS key (OpenAI, ElevenLabs, or Google). Set VOICE_MODEL + the provider key, or just run the setup wizard.
Links
- Website & live demo: https://flowcastmcp.com
- Community & support: https://github.com/flowcast-studio/community
- npm: https://www.npmjs.com/package/@flowcast/mcp
Free to use · not open source.
Server Config
{
"mcpServers": {
"flowcast": {
"command": "npx",
"args": [
"-y",
"@flowcast/mcp@latest"
],
"env": {
"VOICE_MODEL": "openai",
"OPENAI_API_KEY": "<YOUR_OPENAI_API_KEY>"
}
}
}
}Recommend Servers
View AllWrite notes to Flomo
summarize chat message