css probe，Website real DOM layout, style analysis, etc. Used for AI coding to provide the context of the actual rendering effect of the page. Analyze the rendering content of the browser directly
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add cssprobe-cli -- npx -y cssprobe-cli~/.codex/config.toml
[mcp_servers.cssprobe-cli]
command = "npx"
args = ["-y", "cssprobe-cli"]
# codex mcp add cssprobe-cli -- npx -y cssprobe-cli~/.cursor/mcp.json
{
"mcpServers": {
"cssprobe-cli": {
"command": "npx",
"args": [
"-y",
"cssprobe-cli"
]
}
}
}.vscode/mcp.json
{
"servers": {
"cssprobe-cli": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"cssprobe-cli"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"cssprobe-cli": {
"command": "npx",
"args": [
"-y",
"cssprobe-cli"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"cssprobe-cli": {
"command": "npx",
"args": [
"-y",
"cssprobe-cli"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"cssprobe-cli": {
"command": "npx",
"args": [
"-y",
"cssprobe-cli"
]
}
}
}