You click on elements, write review comments like "This button should be blue" or "The spacing is wrong here", and your AI coding agent (Claude Code
Connect Ui Ticket MCP Public to Claude, Cursor or any other MCP client and it stops being a tab you switch to. You click on elements, write review comments like "This button should be blue" or "The spacing is wrong here", and your AI coding agent (Claude Code, Codex, Cursor, etc.) picks them up via MCP and resolves them - with full context about. The ui ticket mcp public mcp server is what makes that connection.
The toolset is worth reading before you wire it up, because it tells you what the integration is really for:
Tags — The Tags tool exposed by this serverReviews — The Reviews tool exposed by this serverReplies — The Replies tool exposed by this serverSchema — The Schema tool exposed by this serverReact — function App() { return ; }Angular — // component - add CUSTOM_ELEMENTS_SCHEMA @Component({ schemas: [CUSTOM_ELEMENTS_SCHEMA], template: <review-panelSvelte — Configuration is passed through the environment: PROJECT_ROOT, REVIEW_PORT, REVIEW_DB_PATH. Treat anything key-shaped as a real credential — scope it to the minimum the server needs, and rotate it if it ever lands in a shared config.
The server ships on npm as ui-ticket-panel, so your MCP client can launch it on demand — there is no separate build step. Add the server block to your client's configuration, restart it, and the tools register themselves.
Plenty of developer tooling servers cover similar ground. The differences that matter in practice are scope of access and how much setup stands between you and a working tool call. Ui Ticket MCP Public's toolset — Tags, Reviews, Replies and 4 more — is a fair guide to whether it matches your workflow. It is maintained by 0ics-srls; worth a glance at recent repository activity before you build anything load-bearing on it.
We check each listing at SyncDev against the project's documentation before it goes live — if something here drifts out of date, it is a bug worth reporting.
| Tool | What it does |
|---|---|
| Tags | The Tags tool exposed by this server. |
| Reviews | The Reviews tool exposed by this server. |
| Replies | The Replies tool exposed by this server. |
| Schema | The Schema tool exposed by this server. |
| React | function App() { return <review-panel api-url="http://localhost:3200/api" />; } |
| Angular | // component - add CUSTOM_ELEMENTS_SCHEMA @Component({ schemas: [CUSTOM_ELEMENTS_SCHEMA], template: <review-panel api-url="http://localhost:3200/api"></review-panel> }) |
| Svelte | <review-panel api-url="http://localhost:3200/api"></review-panel> |
{
"mcpServers": {
"ui-ticket-mcp-public": {
"command": "npx",
"args": ["-y", "ui-ticket-panel"],
"env": {
"PROJECT_ROOT": "your-value",
"REVIEW_PORT": "your-value",
"REVIEW_DB_PATH": "your-value"
}
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
| Variable | Description | Required |
|---|---|---|
| PROJECT_ROOT | Configuration value read at startup. | Optional |
| REVIEW_PORT | Configuration value read at startup. | Optional |
| REVIEW_DB_PATH | Filesystem location the server is allowed to use. | Optional |
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.