C
Chromatic
Query Chromatic build snapshots and reviews.
·No reviews yet
Share:
About
Auto-generated
Chromatic is a Model Context Protocol server in the Design category. It lets AI assistants that speak MCP call its tools and read its resources over STDIO.
Example tools
Illustrative tool names — the actual tool set is defined by the server at runtime.
list_resources
Enumerate resources exposed by this MCP
get_resource
Fetch a resource by ID
invoke
Invoke the primary action of this MCP
Screenshots
No screenshots yet.
Frequently Asked Questions
Common questions about Chromatic.
- What is Chromatic MCP and what does it do?
- The Chromatic MCP allows you to query build snapshots and review information from Chromatic. It integrates Chromatic's visual regression testing capabilities with your MCP client, enabling direct access to build results and UI components.
- How do I configure the Chromatic MCP in my client?
- Configuration typically involves installing the MCP and providing your Chromatic API key. Specific steps may vary depending on your MCP client, such as Claude Desktop or Cline.
- Does the Chromatic MCP require an API key or other credentials?
- Yes, the Chromatic MCP requires an API key for authentication. This key is used to authorize access to your Chromatic build data and ensures secure interaction with the service.
- What are the primary capabilities exposed by the Chromatic MCP?
- The Chromatic MCP primarily exposes capabilities for querying Chromatic build snapshots and reviews. This includes accessing visual regression test results and tracking UI changes directly within your MCP environment.
- Is there a cost associated with using the Chromatic MCP?
- The Chromatic MCP itself is provided by the community. However, Chromatic is a commercial service, and its usage may incur costs depending on your subscription plan with Chromatic.
- What is a key prerequisite for using the Chromatic MCP effectively?
- A key prerequisite is an existing Chromatic project with build data to query. Without active Chromatic builds and snapshots, there won't be any relevant data for the MCP to access.
Install Chromatic
Claude Desktop
Add this to claude_desktop_config.json.
{
"mcpServers": {
"chromatic": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-chromatic"
]
}
}
}Cursor
Add this to ~/.cursor/mcp.json.
{
"mcpServers": {
"chromatic": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-chromatic"
]
}
}
}VS Code
Add this to your workspace settings.json.
{
"mcp.servers": {
"chromatic": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-chromatic"
]
}
}
}Reviews
Sign in to leave a review.
No reviews yet. Be the first!
Discussion(0)
No comments yet.