mcp-server-chart vs css-noop-checker
Side-by-side comparison to help you pick between these two MCP servers.
mcp-server-chart by antvis | css-noop-checker by purupurupu | |
|---|---|---|
| Stars | ★ 4,068 | ★ 25 |
| 30d uses | 10,239 | — |
| Score | 84 | 44 |
| Official | — | — |
| Categories | AI / LLM ToolsDeveloper ToolsProductivity | Developer ToolsAI / LLM ToolsBrowser Automation |
| Language | TypeScript | TypeScript |
| Last commit | this month | 2 mo ago |
mcp-server-chart · Summary
A TypeScript MCP server for generating 26+ visualization charts using AntV, supporting multiple chart types and deployment options.
css-noop-checker · Summary
Chrome DevTools extension with MCP server for detecting CSS properties with no effect on elements.
mcp-server-chart · Use cases
- Data analysts creating visual reports from datasets
- AI assistants generating custom charts based on user requests
- Web applications embedding visualization capabilities via HTTP API
css-noop-checker · Use cases
- AI assistants helping developers identify and fix ineffective CSS code
- Automated code review tools detecting CSS anti-patterns
- Educational tools for learning which CSS properties work in which contexts
mcp-server-chart · Install
Installation
Install globally:
npm install -g @antv/mcp-server-chartFor Desktop Apps (e.g., Claude Desktop, VSCode):
{
"mcpServers": {
"mcp-server-chart": {
"command": "npx",
"args": ["-y", "@antv/mcp-server-chart"]
}
}
}For Windows:
{
"mcpServers": {
"mcp-server-chart": {
"command": "cmd",
"args": ["/c", "npx", "-y", "@antv/mcp-server-chart"]
}
}
}css-noop-checker · Install
Install the Chrome Extension:
- Open
chrome://extensionsand enable Developer mode - Click **Load unpacked** and select the
dist/directory - Open DevTools on any page → **Elements** tab → **CSS Noop** sidebar pane
Install the MCP server:
{
"mcpServers": {
"css-noop-checker": {
"command": "npx",
"args": ["css-noop-checker"]
}
}
}