Retrieve core UI/UX design principles like hierarchy, whitespace, and contrast to ensure visual quality in web page creation.
260,211 tools. Last updated 2026-07-05 05:07
"Resources and tips for high-quality web design, UI, and UX optimization" matching MCP tools:
- Search design platforms like Dribbble and Behance for UI inspiration, case studies, and design system documentation to inform your creative projects.MIT
- Search for UI design inspiration across Dribbble, Behance, Awwwards, Mobbin, and Pinterest. Find images with URLs, dimensions, and source links using specific design queries like 'dashboard dark mode' or 'mobile onboarding flow'.MIT
- Extracts colors, typography, components, and layout from UI design images for machine learning training. Privacy-friendly, no image storage.MIT
- Save a full-quality PNG screenshot to disk for high-resolution reporting, debugging, or sharing.Apache 2.0
- Assess web application UX/UI quality by performing specific tasks and analyzing interaction flow to identify issues and provide improvement recommendations.Apache 2.0
Matching MCP Servers
- AlicenseAqualityDmaintenance🎨 AI-powered UI/UX design intelligence - 1519+ curated design resources through MCP | React, Vue, Next.js, Flutter & moreLast updated713222MIT
- 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.Last updated122
Matching MCP Connectors
Rick and Morty MCP — wraps the Rick and Morty API (free, no auth)
Native Claude Code integration for @annondeveloper/ui-kit — a zero-dependency React component library with 147 components, 3 weight tiers, physics-based animations, and OKLCH color system. Gives Claude deep awareness of the library's components, design patterns, and conventions. Includes 5 skills for component discovery, code generation, design system reference, tier selection, and accessibility auditing. 2 custom agents for architecture design and accessibility review. Auto-connects to a hoste
- Run a full Lighthouse audit to get Performance, Accessibility, Best Practices, and SEO scores (0-100) along with detailed findings on render-blocking resources, image optimization, and unused code.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
- Execute a complete clustering pipeline to identify high-CPU SQL queries, extract performance metrics, and group similar queries for optimization prioritization.MIT
- Captures a screenshot and provides focused design review with 5-10 visual/UX observations and specific fixes for rapid iteration.MIT
- 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
- Retrieve SQL best practices, indexed columns, optimization tips, and expensive operations to avoid for efficient 3DCityDB queries.Apache 2.0
- Retrieve detailed design specifications for a UI component from Zeplin, including properties, variants, layers, and design tokens.MIT
- Analyze code for performance issues and optimize Core Web Vitals. Scans HTML, CSS, and JS for resource loading, image optimization, and rendering performance.MIT
- Capture any webpage as a PNG screenshot to visually inspect design, layout, and UI quality issues.MIT
- Generate UI components for React, Vue, Angular, Svelte, or HTML with style audit and design context awareness. Integrates with libraries like shadcn/ui, Radix UI, and more.MIT
- Identify frontend code quality issues including accessibility anti-patterns, CSS problems, component complexity, design inconsistencies, and performance concerns.MIT
- Analyze web page quality using Google's Lighthouse metrics to measure performance, accessibility, and SEO factors for optimization.Apache 2.0
- Learn to structure prompts for Veo video generation to achieve higher quality results. Get examples and tips for effective prompt writing.MIT
- Reviews frontend/UI code for wasteful re-renders, accessibility flaws, and questionable design, then returns categorized issues and fixes.MIT