134,441 tools. Last updated 2026-05-23 17:13
"Resources for Frontend and UI Design" matching MCP tools:
- Create a full-stack decentralized application on Aptos blockchain with resources for Move smart contracts, project management, and frontend development.Apache 2.0
- Build a UI frontend for Aptos dApps by generating resources from frontend directories. Use this tool for guidance on developing dApp interfaces on the Aptos blockchain.Apache 2.0
- Generate Zod schemas and live UI previews by mapping messy API JSON to Vue/React Design System component props for type-safe frontend integration.MIT
- Capture any webpage as a PNG screenshot to visually inspect design, layout, and UI quality issues.MIT
- 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
Matching MCP Servers
- Alicense-qualityDmaintenanceEnables AI assistants to discover, document, and generate React code using the pastel-themed Baby Design UI component library. It provides tools for retrieving design tokens and component specifications to streamline the development of user interfaces.Last updatedMIT
- FlicenseAqualityCmaintenanceProvides AI assistants with frontend development tools including component scaffolding, bundle analysis, accessibility checks, and responsive design guidance. Enables automated generation of React components with tests and stories, bundle optimization recommendations, and WCAG compliance fixes.Last updated6
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
AI development agent using Kendo UI to rapidly create and style quality web UIs or Pages.
- Convert UI design images into functional code for frameworks like React, Vue, or HTML/CSS by analyzing visual layouts and generating corresponding implementation.MIT
- Generate Next.js frontend code for Arbitrum dApps using wagmi v2 and RainbowKit. Create contract-integrated interfaces with specified templates and UI frameworks.MIT
- Analyze mobile app screenshots to evaluate UI design, user experience, platform conventions, and app functionality for iOS or Android applications.MIT
- Retrieve guidelines for creating UI components, including patterns and preferences, to ensure consistent design and implementation from the start of development.
- Create frontend interfaces for Stacks decentralized applications with wallet integration, transaction signing, and post-condition handling capabilities.
- Create complete Stacks blockchain applications with comprehensive resources for Clarity smart contracts, frontend integration, token standards, and security patterns.
- Transform basic interface ideas into comprehensive UI/UX design specifications covering visual design, typography, colors, animations, and user experience requirements.
- Find design tokens by name or value to access Visa's Product Design System resources for consistent UI implementation.
- Access detailed UI component design specifications for buttons, cards, forms, and navigation using modern 2026 best practices to implement consistent, accessible web interfaces.
- Analyze codebases and design user interfaces using Google Gemini's visual understanding and detective capabilities for rapid prototyping and comprehensive analysis.MIT
- Generate DFM checklists for injection molded parts to validate 15+ design rules. Analyzes wall thickness, draft angles, ribs, and materials to return pass/warn/fail status and identify manufacturing risks.MIT
- Log design revisions for bug fixes or design adjustments that deviate from the original proposal, capturing change type and affected components.MIT
- Create TypeScript clients for frontend applications to interact with backend API endpoints, simplifying API integration and type-safe communication.MIT
- Deploy a built frontend directory or zip file to EdgeOne Pages, generating a public URL and project metadata for easy access and sharing.MIT