design-extract
This tool generates 17 extra files, such as DTCG token, Tailwind configurations and Figma variables, by reading the design system of any website via live DOM. It analyzes layout patterns, responsive behavior, WCAG contrast scores and multipage consistency using a headless scanner. Claude Code hosts a Model Context Protocol (MCP) server for Cursor and Windsurf.
DE
Manavarya09 · Web Scraping & Automation
STARS4.4K
FORKS377
COMMITS0
CONTRIBUTORS0
VERSIONv13.3.2
UPDATED8 days ago
HTMLDesign SystemMCP ServerToken ExtractionMIT
Common commercial products in this category: Bright Data, Apify, ScrapingBee
What can it do?
- You remove any website's design system with one command and export it in multiple formats.
- You compare two different designs and get visual and functional compatibility scores.
- Using the current design token, you create Next.js compatible startup templates.