Analyzes design references from URLs and images to extract colors, typography, layout patterns, and UI components. Identifies common patterns across multiple sources to inform UI/UX generation decisions.
MIT
707,702 tools. Updated 2026-10-27 05:49
"Modern Website UI & UX Designs" matching MCP tools:
- Generate UI designs, wireframes, components, logos, or icons from text prompts for Claude Code development projects.MIT
- File a new feedback item tagged to a project, capturing UI defects, backend errors, usage insights, or UX issues with optional severity, console, network, and reproduction details.MIT
- List UI/UX design principles filtered by domain such as typography, color, spacing, elevation, motion, accessibility, responsive, or components.MIT
- Retrieve design principles matched to your UI context—usability heuristics, UX laws, accessibility, typography, and color theory—to inform your design decisions.Apache 2.0
- Inspect UI screenshots to identify layout, components, states, copy, errors, and potential UX or accessibility issues in a single view or multi-step flow.MIT
Matching MCP Servers
- AlicenseAqualityDmaintenance🎨 AI-powered UI/UX design intelligence - 1519+ curated design resources through MCP | React, Vue, Next.js, Flutter & more7132 npm38MIT
- AlicenseAqualityBmaintenanceEnables AI agents to browse, search, and read a curated library of 198 UI/UX and animation design skills across 17 categories, distilled from 10 open-source projects, with a progressive 5-step workflow for guidance.5665 npmMIT
Matching MCP Connectors
Real-user Core Web Vitals for any website with enough traffic, from Google's Chrome UX Report…
List, search, and inspect Ply Angular + Tailwind copy-in components.
- Create a complete UI/UX spec from project type and scale: design tokens, component variants, page layouts, responsive strategy, and WCAG AA accessibility checklist.MIT
- Audit UI code or screen descriptions against 42 core UX rules plus specialist modules to catch usability issues before scanning. Get findings with severity, rule citations, and fix suggestions.MIT
- Retrieve regulatory rules, legal citations (FTC, GDPR, EU DSA, CCPA), and compliant UI/UX alternatives for specific deceptive design categories to remediate dark patterns.MIT
- Analyze a webpage's visual design and layout using screenshots and DOM structure. Get structured findings for UX review, UI bugs, and layout analysis.Apache 2.0
- Retrieve detailed UI/UX principles with examples, anti-patterns, and CSS code to improve design decisions.MIT
- Identify and fix common UI/UX mistakes by domain. Get a list of typical errors and corrective measures for typography, color, spacing, and more.MIT
- Create a project to organize UI designs and frontend code in a single container.MITDestructive
- Create a new Stitch project to organize your UI designs and frontend code in one container, enabling structured workflow from design to development.MITDestructive
- Retrieve the UI/UX design workflow, conflict precedence rules, critique protocol and reference guides. Call it first without a topic to establish ordering before building or auditing interfaces.MIT
- Obtain a domain-specific UI/UX quality checklist to review before shipping. Select your domain such as typography, color, or accessibility.MIT
- Find UI/UX design principles and component patterns by entering a keyword such as contrast, dark mode, or spacing.MIT
- Save UI designs from Stitch directly into your workspace by mapping project screens to local file paths.MIT
- Estimate effort for converting UI blocks from Figma designs or web pages into reusable code, generating a UI architect prompt and CSV output.MIT
- Determine if advanced audio and modern color management features support automation in Premiere Pro, and retrieve actionable reasons for UI-only limitations.MIT
- Fetches the full UI/UX specification for theknowledgehouse.org homepage, covering layout, typography, colors, interactions, and responsive rules.MIT