{"repo":"Kargatharaakash/website-design-systems-mcp","free":true,"listed":false,"github":"https://github.com/Kargatharaakash/website-design-systems-mcp","clone":"git clone https://github.com/Kargatharaakash/website-design-systems-mcp.git","description":"Extract complete design systems from any website and generate AI-ready skill.md files","language":"TypeScript","stars":16,"topics":["ai-tools","anthropic","claude","css-extractor","design-system","mcp","model-context-protocol","web-scraping","anthropic-skills","skill"],"license":"MIT","category":"mcp-servers","readme_excerpt":"website-design-systems-mcp Extract complete design systems from any website and generate AI-ready skill.md files --- Overview website-design-systems-mcp is a Model Context Protocol (MCP) server that extracts comprehensive design systems from any website URL. It generates detailed, AI-readable skill.md files that enable AI assistants to recreate the exact same design. Features - 🎨 Complete Color Palette Extraction - Primary, secondary, and neutral colors with semantic naming - 📝 Typography Analysis - Font families, type scale, weights, line heights - 📏 Spacing System Detection - Tokens, base units, CSS variables - 🔲 Border Radius & Shadows - All design tokens captured - 📐 Layout Analysis - Container widths, breakpoints, grid systems - 🏷️ Brand Identity - Logo, favicon, meta information - 🚫 No Browser Required - Pure HTTP extraction, no Puppeteer/Playwright - 🛡️ Anti-Blocking - User-Agent rotation, proper headers --- Installation Or use directly with npx: --- Usage with Claude Desktop Add to your Claude Desktop configuration ( /Library/Application Support/Claude/claude desktop config.json on macOS): Or if installed locally: --- Available Tools extract design system Main tool - Extracts complete design system and generates a comprehensive skill.md file. validate url Quick check if a URL is accessible before extraction. get site colors Extract only the color palette. get site typography Extract only typography information. --- Output Format The generated skill.md includes","default_branch":null,"files":null,"tree":[],"storefront":"/r/Kargatharaakash","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Kargatharaakash/website-design-systems-mcp/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}