https://github.com/user-attachments/assets/197876d8-5620-4c1b-9bc3-332e0e7d5622
Features
What you can do with it
Understand an architecture
Explain a flow
Play games
Make something
Quick start
Add it to your agent
# Claude Code
claude mcp add whiteboard --scope user -- npx -y @ansuman-shukla/whiteboard-mcp
# Codex CLI
codex mcp add whiteboard -- npx -y @ansuman-shukla/whiteboard-mcp
# Gemini CLI
gemini mcp add --scope user whiteboard npx -y @ansuman-shukla/whiteboard-mcp
# Devin CLI
devin mcp add whiteboard --scope user -- npx -y @ansuman-shukla/whiteboard-mcp
# VS Code
code --add-mcp '{"name":"whiteboard","command":"npx","args":["-y","@ansuman-shukla/whiteboard-mcp"]}'
Cursor, Claude Desktop, Windsurf and other JSON configs (~/.cursor/mcp.json, Claude Desktop's config, …):
{ "mcpServers": { "whiteboard": { "command": "npx", "args": ["-y", "@ansuman-shukla/whiteboard-mcp"] } } }
OpenCode (opencode.json):
{ "mcp": { "whiteboard": { "type": "local", "command": ["npx", "-y", "@ansuman-shukla/whiteboard-mcp"] } } }
Agents without MCP, project-level configs and more: client setup. The bundled skill teaches the agent when a drawing helps.