GitHubGet started
v1.2.0

MCP server for AI coding agents

The MCP server of Table, Bro gives an AI coding agent the reference of the table, the check of a table spec and the code generator of a table for Angular and Vanilla JS, with the skins Angular Material, Bootstrap and Native. The agent writes the files; the server only reads.

The server describes one version of Table, Bro: run the version of table-bro that the project has, as 1.2.0 below. After an update of Table, Bro, change the version in the setup of the agent too; the server compares the versions and gives the line to change.

npx downloads the package and starts it: the project does not install @table-bro/mcp. Node.js 22.12 or newer.

Claude Code

.mcp.json in the root of the project:

{"mcpServers": {"table-bro": {"command": "npx", "args": ["-y", "@table-bro/mcp@1.2.0"]}}}

or this command in the root of the project:

claude mcp add --scope project table-bro -- npx -y @table-bro/mcp@1.2.0

Codex

~/.codex/config.toml:

[mcp_servers.table-bro]
command = "npx"
args = ["-y", "@table-bro/mcp@1.2.0"]

Codex calls the tools of the server when AGENTS.md of the project says so:

The tables of this project are Table, Bro. Its MCP server table-bro has the reference, the check of a table and the code generator: call its tool get_started before you write or change a table.

Cursor

.cursor/mcp.json in the project:

{"mcpServers": {"table-bro": {"command": "npx", "args": ["-y", "@table-bro/mcp@1.2.0"]}}}

VS Code

.vscode/mcp.json in the project:

{"servers": {"table-bro": {"type": "stdio", "command": "npx", "args": ["-y", "@table-bro/mcp@1.2.0"]}}}

Claude Desktop

claude_desktop_config.json:

{"mcpServers": {"table-bro": {"command": "npx", "args": ["-y", "@table-bro/mcp@1.2.0"]}}}

A desktop application may start the server outside the project: then the agent gives the server the root of the project.

Other agents

An agent that starts MCP servers by a command starts this one by the same command:

npx -y @table-bro/mcp@1.2.0

Island Details

The server adds the fields of the config, the topics and the setup of Island Details when the project has the module and the server is started with its name:

{"mcpServers": {"table-bro": {"command": "npx", "args": ["-y", "@table-bro/mcp@1.2.0", "--extension", "@table-bro-extended/island-details"]}}}

Measured

We gave Claude Code the same task 16 times: a new Angular 22 app with an orders table - Material skin in light and dark theme, sort, search, pages, status chips, tags, row details and the filter drawer. Half of the runs had the MCP server, half had only the READMEs of the packages. Every run built a working table. With the MCP server the agent was 1.4–2× faster and used 38–48% fewer tokens, and it always used the elements of the skin instead of drawing its own.

ModelEffortTime, with / without MCPTime with MCPTokens, with / without MCPTokens with MCP
Claude Opus 5.5xhigh12 / 24 min−50%18.0 M / 34.1 M−47%
Claude Opus 5.5medium7 / 10 min−30%7.7 M / 14.5 M−47%
Claude Sonnet 5.5medium5 / 8 min−38%4.8 M / 7.7 M−38%
Claude Haiku 5.5medium7 / 13 min−46%13.4 M / 25.7 M−48%

Opus medium and Sonnet medium are the medians of three runs each, Opus xhigh and Haiku medium one run each, in Claude Code without other settings.

The generator on table-bro.com builds a table with GPT-5.6 Luna through the same functions, in about 30 seconds.

DJ