306,875 tools. Last updated 2026-07-27 07:44
"Resources for Frontend and UI Design" matching MCP tools:
- Modify ComfyUI frontend UI settings by id, persisting changes to the user settings store. Returns the previous value for undo.MIT
- Extracts colors, typography, components, and layout from UI design images for machine learning training. Privacy-friendly, no image storage.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
- Create a full-stack decentralized application on Aptos blockchain with resources for Move smart contracts, project management, and frontend development.Apache 2.0
- Fetch detailed design specifications for a Zeplin component, including properties, variants, layers, and design tokens. Understand the structure and styling of reusable UI elements.MIT
- Capture any webpage as a PNG screenshot to visually inspect design, layout, and UI quality issues.MIT
Matching MCP Servers
- AlicenseCqualityDmaintenanceFrontend Design Loop MCP enables coding agents to improve web page designs through screenshot-grounded iteration and proof artifacts, making pages materially better.Last updated31MIT
- FlicenseAqualityBmaintenanceProvides 8 MCP tools for frontend design: load design system, generate components, scaffold pages, review consistency, extract tokens, check WCAG 2.2 AA, test responsiveness, and export to Figma.Last updated8
Matching MCP Connectors
Guide user-led frontend design decisions from project brief through implementation review.
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
- 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
- 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
- Identify frontend code quality issues including accessibility anti-patterns, CSS problems, component complexity, design inconsistencies, and performance concerns.MIT
- Reviews frontend/UI code for wasteful re-renders, accessibility flaws, and questionable design, then returns categorized issues and fixes.MIT
- Generate frontend code, AI prompts, design specifications, or natural-language descriptions from UI screenshots. Provide an image source, output type, and detailed instructions.MIT
- List available frontend design components, themes, templates, and advanced customization options to streamline UI design.MIT
- Scans project root to detect frontend frameworks and automatically activate Looba snippet library for UI component generation.MIT
- Extract layout, components, states, and accessibility issues from UI screenshots. Returns structured component data and verified observations to guide frontend implementation.MIT
- 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
- Retrieve design-related products from Gumroad including templates, assets, UI kits, and courses. Helps designers and product makers find resources.MIT
- Analyze mobile app screenshots to evaluate UI design, user experience, platform conventions, and app functionality. Supports multiple platforms and focus areas.MIT
- Search a curated design knowledge base with natural language queries. Retrieve excerpts from expert resources on UI components, UX principles, copywriting, SEO, and design languages.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 a WordPress shortcode with TinyMCE button, attribute panel, and frontend rendering class for custom shortcode UI.