Design Research
MCP Serverby wcygan · Added 5mo ago
Claude
186
Install
git clone https://github.com/wcygan/dotfilesAdd to Claude
claude mcp add design-researchQuick Setup Config
Copy & paste ready~/Library/Application Support/Claude/claude_desktop_config.json (macOS) %APPDATA%\Claude\claude_desktop_config.json (Windows)
{
"mcpServers": {
"design-research": {
"command": "npx",
"args": [
"@modelcontextprotocol/design-research"
]
}
}
}Paste into your Claude Desktop config file, then restart Claude.
About
Research website design, styling, and frontend implementation using Playwright CLI to capture screenshots and analyze structure. Use when a software engineer wants to understand and implement a similar design. Keywords: design research, website design, frontend analysis, UI study, design system, screenshot, Playwright
Tags
developmentjavascriptpythongojavaskill