Guide

MCP server

css-doodle.com runs a Model Context Protocol server. Connect it to an AI assistant such as Claude Code, Codex or Cursor, and the assistant can read these docs and check its css-doodle code while it writes.

Connect

The server address is https://css-doodle.com/mcp. It needs a css-doodle account.

Claude Code

claude mcp add --transport http css-doodle https://css-doodle.com/mcp

Then run /mcp in Claude Code to sign in.

Codex

codex mcp add css-doodle --url https://css-doodle.com/mcp
codex mcp login css-doodle

Cursor

In ~/.cursor/mcp.json, or .cursor/mcp.json in a project:

{
  "mcpServers": {
    "css-doodle": {
      "url": "https://css-doodle.com/mcp"
    }
  }
}

VS Code

In .vscode/mcp.json:

{
  "servers": {
    "css-doodle": {
      "type": "http",
      "url": "https://css-doodle.com/mcp"
    }
  }
}

Other clients

Any client that supports remote MCP servers with OAuth sign-in can connect with the address alone.

The first time the assistant uses the server, your browser opens a page on css-doodle.com. Sign in and allow the app. It can look up the docs and check code, nothing else in your account. Disconnect it any time in Settings → Account → Connected apps.

Tools

Tool	Returns
`get_guide`	A guide to css-doodle written for assistants, one section at a time.
`search_docs`	Docs pages matching a word or phrase.
`get_doc`	The full text of one page, such as `@grid`.
`lint_doodle`	Mistakes in a piece of code that compile without a warning but draw the wrong picture.

Try it

Using the css-doodle MCP server, make a 12x12 grid of quarter circles,
each turned a random multiple of 90deg.