Todo list

A simple todo list. It is an example of a React application that uses the tab-mcp React library (@ractive-ch/tab-mcp-client/react), based on the tab-mcp repository's examples/react-todo.

Connect your AI app: in Claude, Settings → Connectors → Add custom connector with the address shown; in Claude Code, claude mcp add --transport http todo <address>, then /mcp and Authenticate, and type the code from this page. Where the browser has WebMCP, its own AI agent can use the same tools without connecting, except deleting todos. The list stays in this browser. What the relay passes on and stores: privacy. More examples: tab-mcp.