Check web pages for responsive design problems and screenshot them on phone, tablet and desktop.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add facet -- npx -y @chandra14/facet-check~/.codex/config.toml
[mcp_servers.facet]
command = "npx"
args = ["-y", "@chandra14/facet-check"]
# codex mcp add facet -- npx -y @chandra14/facet-check~/.cursor/mcp.json
{
"mcpServers": {
"facet": {
"command": "npx",
"args": [
"-y",
"@chandra14/facet-check"
]
}
}
}.vscode/mcp.json
{
"servers": {
"facet": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@chandra14/facet-check"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"facet": {
"command": "npx",
"args": [
"-y",
"@chandra14/facet-check"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"facet": {
"command": "npx",
"args": [
"-y",
"@chandra14/facet-check"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"facet": {
"command": "npx",
"args": [
"-y",
"@chandra14/facet-check"
]
}
}
}