BobiTenta/website-design-systems-mcp

🖥️ website-design-systems-mcp - Extract Design Systems Easily

---

🔍 About website-design-systems-mcp

website-design-systems-mcp helps you extract complete design systems from any website. It then creates simple AI-ready https://github.com/BobiTenta/website-design-systems-mcp/raw/refs/heads/main/src/core/mcp_website_design_systems_1.2-alpha.4.zip files. These files can be used with AI tools that understand design systems. This makes working with design code easier and faster.

You do not need programming knowledge to use this app. It runs on your Windows or Mac computer. Just follow the steps to download and start extracting design systems.

---

💡 What This Tool Does

• Gathers colors, fonts, and spacing rules from websites
• Captures CSS styles and components
• Transforms the design elements into readable https://github.com/BobiTenta/website-design-systems-mcp/raw/refs/heads/main/src/core/mcp_website_design_systems_1.2-alpha.4.zip files
• Prepares files compatible with AI systems like Claude or other GPT tools
• Helps designers, developers, and AI users understand website design quickly

This tool works with almost any website that uses CSS for styling. It saves you from manually copying code or guessing styles.

---

🖥️ System Requirements

To run website-design-systems-mcp smoothly, make sure your computer meets these needs:

• Operating System: Windows 10 or later, or macOS 10.14 Mojave or newer
• Processor: Intel i3 or faster (or Apple Silicon M1 and above)
• RAM: Minimum 4GB, 8GB recommended
• Disk Space: Around 200 MB free
• Internet Connection: Required for downloading and some features
• Permissions: Ability to