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
536,486 tools. Updated 2026-09-08 18:35
"A server to support AI with UI/UX using state-of-the-art libraries and design patterns" matching MCP tools:
- Retrieve detailed UI/UX principles with examples, anti-patterns, and CSS code to improve design decisions.-
- Find UI/UX design principles and component patterns by entering a keyword such as contrast, dark mode, or spacing.-
- Validate responsive design patterns with static CSS analysis and optional Playwright testing to flag missing media queries, fixed widths, or non-mobile-first patterns for CI checks.MIT
- Browse the full catalogue of enterprise AI patterns, with slug, category, name, summary, and provenance. Use search when looking for a pattern that solves a specific problem.MIT
- Reorder module section keys to define agent state execution order, improve debugging, or arrange UI elements in Settings and Results tabs.Apache 2.0
Matching MCP Servers
- FlicenseNot gradedqualityCmaintenanceRead-only MCP server for the July 2026 survey of AI in open-source design systems, enabling agents to query 19 systems' affordances, coercion techniques, and platform data via 9 tools, 2 resources, and 2 prompts.2-
- FlicenseBqualityDmaintenanceEnables comprehensive UI/UX development workflows through integrated tools for component development with Storybook, Tailwind CSS styling, Framer Motion/GSAP animations, Playwright testing, and automated design system generation. Provides end-to-end automation for visual regression testing, accessibility compliance, and UX optimization analysis.122-
Matching MCP Connectors
Core Web Vitals metrics by CMS, CDN, and framework — free remote MCP, no auth.
Art MCP — Metropolitan Museum of Art Collection API (free, no auth)
- Discover available UI patterns and their descriptions before building components. Returns an array of pattern names to guide development.MIT
- Create a UX research study automatically from a description. AI generates objectives, persona, sections, and interview guides, saving manual design effort.MIT
- Retrieve the eight scored areas of the Ray Group DeFi UX rubric, optionally filtering by a single area slug, to ground UX assessments in a published framework.MIT
- Capture a visual screenshot of the Google Flow workspace to inspect progress, verify output, or diagnose UI state.MIT
- Generate multi-class Zetrix smart contracts with interfaces, libraries, utilities, and test specifications for complex architectures using inheritance and modular design.MIT
- Run full technical analysis on loaded candle data to produce a compressed MarketSummary with trend, support/resistance, momentum, volatility, and chart patterns.Apache 2.0
- Access DeFi UX patterns from Ray Group's library. Filter by slug, category, or rubric area to find proven solutions for user experience design.MIT
- Extracts colors, typography, components, and layout from UI design images for machine learning training. Privacy-friendly, no image storage.MIT
- Detect design drift by auditing implementation against the design contract. Returns per-state verdicts with evidence and actionable fixes.MIT
- Assess web application UX/UI quality by performing specific tasks and analyzing interaction flow to identify issues and provide improvement recommendations.Apache 2.0
- Generate AI-powered marketplace items from text descriptions. Submit a prompt with category and optional art style to receive a preview URL and generation status.MIT
- Fetch a cognitive-bias or principle entry from the DeFi UX glossary to anchor UX analysis with a named concept and its DeFi manifestation.MIT
- 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
- List available UX laws with optional filtering by category to support interface design and usability analysis.MIT
- List connected Figma files or trigger a sync to bring design tokens, components, and page structure into Contextium libraries.MIT