Retrieve core UI/UX design principles like hierarchy, whitespace, and contrast to ensure visual quality in web page creation.
127,309 tools. Last updated 2026-05-05 14:03
"Resources and tips for high-quality web design, UI, and UX optimization" matching MCP tools:
- Retrieve a high-level overview of your design system including brand name, active contexts, asset inventory counts, and available sections.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
- Analyze web page quality using Google's Lighthouse metrics to measure performance, accessibility, and SEO factors for optimization.Apache 2.0
- Learn how to structure prompts for Veo video generation to achieve accurate, high-quality results. Includes examples and tips.MIT
- Retrieve Core Web Vitals metrics (LCP, INP, CLS) from Google's Chrome UX Report API to assess website performance and identify optimization opportunities.MIT
Matching MCP Servers
- AlicenseAqualityCmaintenance🎨 AI-powered UI/UX design intelligence - 1519+ curated design resources through MCP | React, Vue, Next.js, Flutter & moreLast updated78413MIT
- FlicenseBqualityCmaintenanceEnables 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
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
Create and manage trackable QR codes with scan tracking, analytics, and dynamic URL updates.
- Search design platforms like Dribbble and Behance for UI inspiration, case studies, and design system documentation to inform your creative projects.MIT
- Find design patterns for landing page layouts, UX guidelines, and product recommendations to improve page structures, accessibility, and conversion rates.MIT
- Search iOS Human Interface Guidelines or Android Material 3 design patterns to implement platform-specific UI/UX with cross-platform code examples for Flutter and React Native.MIT
- Search across all design domains including styles, colors, typography, charts, icons, and UX guidelines. Use for broad queries or when you need multi-domain results with platform-specific detection.MIT
- Convert generated songs to lossless WAV format for high-quality audio production and uncompressed processing.MIT
- Captures a screenshot and provides focused design review with 5-10 visual/UX observations and specific fixes for rapid iteration.MIT
- List available UX laws with optional filtering by category to support interface design and usability analysis.
- Retrieve high-quality instruction files with quality scores of 90+, verified for completeness and production readiness. Find reliable starting points for agent development.MIT
- Capture any webpage as a PNG screenshot to visually inspect design, layout, and UI quality issues.MIT
- Retrieve specific design rules for Modus Web Components including colors, icons, spacing, typography, breakpoints, and radius/stroke values.MIT
- Assess web design on three quality axes (originality, craftsmanship, contextuality) with AI to detect cliches. Customize weights, industry, and audience for targeted evaluation and recommendations.AGPL 3.0
- Identify frontend code quality issues including accessibility anti-patterns, CSS problems, component complexity, design inconsistencies, and performance concerns.MIT
- Analyze design documents, UI/UX mockups, or architectural diagrams to identify usability issues, accessibility concerns, aesthetic inconsistencies, and potential design flaws.Apache 2.0
- Generate UX verification checklists for specific component types and platforms to ensure design usability compliance.