Reverse-engineer live pages into structured design tokens and docs your AI coding agent can use — colors, typography, spacing, components, layout, and responsive behavior.
website-analyzer.git is an MCP project maintained in the bigy2012/website-analyzer repository. The maintainer describes its purpose as “Reverse-engineer live pages into structured design tokens and docs your AI coding agent can use — colors, typography, spacing, components, layout, and responsive behavior”. Read the project documentation for the complete scope.
The documented npm package is website-analyzer-mcp. The configuration below comes from the maintainer’s example; adapt its paths and account values to your environment.
Project documentation · Repository · Discovery listing. This profile records the public documentation checked on 2026-10-08.
Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.
| Tool | What it does |
|---|---|
| design.md | rule.md |
| component.md | layout.md |
| inspect_page | Structured DOM / page JSON |
| capture_screenshot | Viewport PNGs (mobile / tablet / desktop, up to 5 widths) |
| analyze_design | Colors, type, spacing, radius, shadows, layout, components → JSON |
| analyze_responsive | Breakpoint / media-query analysis (+ optional screenshots) |
| generate_docs | Writes design.md, rule.md, component.md, layout.md, content.md, README.md |
{
"mcpServers": {
"website-analyzer": {
"command": "npx",
"args": [
"-y",
"website-analyzer-mcp"
]
}
}
}From the project documentation. Replace placeholders and example paths before connecting.
Read, search and edit files inside allowed directories with the Model Context Protocol reference Filesystem server.
Retrieve version-aware library documentation and code examples with Context7 MCP, using resolve-library-id and query-docs.
Use Microsoft’s Playwright MCP server to navigate pages, inspect accessibility snapshots, fill forms and capture browser screenshots.
Connect GitHub MCP to repositories, issues and pull requests with GitHub’s hosted service or a locally run server.
Use the Supabase MCP server to inspect database schemas, query project data and retrieve docs through a project-scoped connection.
Search Linear issues and projects, inspect work context and manage updates through Linear’s hosted MCP server with OAuth.