MCP Apps Todo

Name: MCP Apps Todo
Availability: InStock
Author: stella2211

Supports UI

by stella2211

Interactive Todo application using MCP Apps to render an actionable task list directly within AI conversations.

0 stars

2 views

Works in:VS Code Copilot

Exposes:ToolsResources

View on GitHub Docs

What it does

Provides a fully interactive Todo list UI embedded within the AI chat. Instead of just texting tasks, it renders a rich interface for adding, completing, and deleting tasks that syncs immediately with a backend database.

Key features

Interactive UI: Operates via a rich React-based UI embedded in the conversation.
Real-time Sync: Updates via Cloudflare D1 database for persistent state.
Complete Task Lifecycle: Full CRUD operations (create, read, update, delete) directly from the UI.
Cloud-Native: Built on Cloudflare Workers and Drizzle ORM.

Installation

Claude Desktop: Add to claude_desktop_config.json using streamable-http transport pointing to your deployed URL.
Claude Code: Run claude mcp add todo --transport http https://<your-domain>/mcp.
VS Code: Add to .vscode/settings.json under claude-code.mcpServers.

Supported hosts

Claude Desktop
Claude Code
VS Code

Quick install

bun install && bun run deploy

Information

Pricing: free
Published: 4/25/2026
stars

Related Apps

Choose your AI client and follow the steps below.

Claude Desktop

Use 'streamable-http' type in config pointing to the deployed endpoint.

VS Code Copilot

Add to settings.json under claude-code.mcpServers.