website-design-systems-mcp
New5GitHubGeneralby BobiTenta
🎨 Extract complete design systems from websites and generate AI-ready skill.md files to replicate exact design elements efficiently.
First seen 5/25/2026
Install & Usage
1
Open your MCP config
~/.claude.json2
Add the server config
Add the configuration to "mcpServers": { "website-design-systems-mcp": { "command": "...", "args": [] } }
3
Restart Claude Code
/mcpView source on GitHub
designmcp
Security Audits
LicenseUnknownSourceWarnRepositoryPass
Frequently Asked Questions
What is website-design-systems-mcp?
🎨 Extract complete design systems from websites and generate AI-ready skill.md files to replicate exact design elements efficiently.
How to install website-design-systems-mcp?
To install website-design-systems-mcp: open your mcp config (~/.claude.json), then add the config to "mcpServers": { "website-design-systems-mcp": { "command": "...", "args": [] } }. Finally, /mcp in Claude Code.
What is website-design-systems-mcp best for?
website-design-systems-mcp is a mcp categorized under General. It is designed for: design, mcp. Created by BobiTenta.