Why this server?
This server allows Claude Desktop to interact with visual UI elements, enabling bidirectional communication and control of interactive interfaces, which aligns with UI/UX support.
AlicenseNot gradedqualityCmaintenanceA companion desktop app enabling bi-directional interaction between Claude Desktop and visual UI elements, allowing Claude to display, read from, and write to interactive interfaces while processing user events and feedback.5 npm8Apache 2.0Why this server?
Provides intelligent coding assistance, code review, and screenshot analysis, all helpful for AI-assisted UI/UX development workflows.
AlicenseNot gradedqualityDmaintenanceA Cursor-compatible toolkit that provides intelligent coding assistance through custom AI tools for code architecture planning, screenshot analysis, code review, and file reading capabilities.334 npm13MITWhy this server?
Enables generation of mermaid.js visualizations and diagrams, useful for visually representing UI/UX designs and workflows.
AlicenseNot gradedqualityNot gradedmaintenanceA server that implements the Model Context Protocol (MCP), providing an interface for LLM applications to generate mermaid.js visualizations and diagrams.MITWhy this server?
Connects to Storybook, allowing AI tools to query UI components and retrieve usage examples, aiding in UI/UX development with up-to-date components.
AlicenseBqualityDmaintenanceA Model Context Protocol server that integrates with Storybook to help AI tools query UI components and retrieve usage examples from static Storybook files.2440 npm21MITWhy this server?
Bridges Large Language Models with Language Server Protocol interfaces, improving code suggestions relevant to UI/UX by accessing information on code elements.
AlicenseNot gradedqualityFmaintenanceBridges Large Language Models with Language Server Protocol interfaces, allowing LLMs to access LSP's hover information, completions, diagnostics, and code actions for improved code suggestions.2,694 npm124MITWhy this server?
Fetches up-to-date library documentation and code examples, ensuring that the AI uses the latest information for UI/UX tasks.
AlicenseAqualityAmaintenanceA Model Context Protocol server that fetches up-to-date, version-specific documentation and code examples from libraries directly into LLM prompts, helping developers get accurate answers without outdated or hallucinated information.2452,749 npm62,433MITWhy this server?
A bridge between Figma designs and React implementations that enables pixel-perfect conversion of Figma designs into React applications by processing Figma file data into React-friendly format.
FlicenseBqualityDmaintenanceA bridge between Figma designs and React implementations that enables pixel-perfect conversion of Figma designs into React applications by processing Figma file data into React-friendly format.52,243 npm2-Why this server?
Provides rich UI context and interaction capabilities to AI models, enabling deep understanding of user interfaces through visual analysis.
AlicenseNot gradedqualityCmaintenanceA server that provides rich UI context and interaction capabilities to AI models, enabling deep understanding of user interfaces through visual analysis and precise interaction via Model Context Protocol.75MITWhy this server?
A TypeScript-based MCP server that enables users to manage text notes, providing tools for note creation and summarization prompts, beneficial for documenting UI/UX best practices and patterns.
AlicenseNot gradedqualityDmaintenanceThis TypeScript-based MCP server enables users to manage and summarize text notes, providing tools for note creation and summarization prompts.3,358 npm10MIT