Website Design Systems MCP
Supports UIby BobiTenta
Extracts complete design systems from websites to generate AI-ready skill.md files for exact visual replication.
What it does
This server analyzes website URLs to extract a comprehensive design system, including colors, typography, spacing, and CSS components. It transforms these elements into a structured format that AI agents can use to replicate a site's exact visual identity.
Tools
extract_design_system: Fetches and analyzes a URL to produce a complete design system summary.generate_skill_file: Converts extracted design data into a formatted skill.md file for AI assistants.analyze_css_rules: Deep-dives into specific CSS selectors to extract style properties.
Installation
{
"mcpServers": {
"website-design-systems": {
"command": "npm",
"args": ["run", "start", "--", "website-design-systems-mcp"]
}
}
}
Supported hosts
Claude Desktop, Claude.ai
Quick install
npm install -g website-design-systems-mcpInformation
- Pricing
- free
- Published
- 7/25/2026
- stars
- 0
Categories
Choose your AI client and follow the steps below.
Claude Desktop
{
"mcpServers": {
"website-design-systems": {
"command": "npm",
"args": ["run", "start", "--", "website-design-systems-mcp"]
}
}
}Related Apps
FinanceToolkit
MCP ServerProfessional-grade financial analysis toolkit for equities, options, and risk management.
DiffSitter MCP
MCP ServerAI-powered structural code navigation using tree-sitter ASTs for semantic understanding across 14+ languages.
OpenAI Apps SDK Examples
MCP AppOfficial example gallery of interactive MCP widgets for ChatGPT — 3D viewers, maps, carousels, shopping carts, and more.
Human MCP
MCP ServerGive AI agents human-like senses: visual analysis, image/video generation, speech synthesis, browser automation, and advanced reasoning — 29 MCP tools in one se
Containarium
MCP ServerSelf-hostable agent runtime with SSH-native isolation, eBPF egress policy, and MCP-native CLI.
Shopify MCP Server
MCP ServerDirect interaction with Shopify store data via GraphQL API for managing products, customers, and orders.
Git MCP Server
MCP ServerFull-featured Git MCP server exposing 28 tools for AI agents to clone, commit, branch, diff, merge, rebase, and more via STDIO or Streamable HTTP.
CodexPotter
MCP ServerAutonomous reconciliation loop that drives Codex to align your codebase with instructed states.