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
接入配置
选择客户端，复制配置，再按项目文档补齐环境变量。
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"
]
}
}
}