广告合作
MCP.so
登录
U

Ui/ux Tools React + Material Ui MCP Server

@MarcusViniciusBarcelos

代码仓库

基本信息

分类

其他

传输方式

stdio

作者

MarcusViniciusBarcelos

提交者

Marcus Barcelos

关于 Ui/ux Tools React + Material Ui MCP Server

暂无概览

Ui/ux Tools React + Material Ui MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "uiux-tools": {
      "command": "docker",
      "args": [
        "run",
        "-i",
        "MarcusViniciusBarcelos/uiux-tools-react-mui"
      ]
    }
  }
}

Ui/ux Tools React + Material Ui MCP Server 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is Ui/ux Tools React + Material Ui?

A curated set of UI/UX best practices, code snippets, and design patterns for building React applications with Material-UI. It covers mobile-first responsiveness, Material-UI conventions, Apple-inspired interactions, Nielsen’s heuristics, and visual feedback principles. Designed for front-end developers who want ready-to-use, production‑quality patterns.

How to use Ui/ux Tools React + Material Ui?

Reference the provided instructions and apply the code examples directly to your React components. No installation or configuration is required; the tool is purely informational with actionable snippets.

Key features of Ui/ux Tools React + Material Ui

  • Mobile‑first responsive design with useMediaQuery and adaptive dimensions.
  • Material‑UI best practices: theme.spacing, alpha(), sx prop, native components.
  • Apple‑inspired scrollbar, animations, and minimalistic styling.
  • Nielsen’s heuristics: user control, error prevention, system‑world matching.
  • Constant visual feedback: loading states, badges, tooltips, snackbars.
  • Touch targets minimum 44×44px and spaced layouts.

Use cases of Ui/ux Tools React + Material Ui

  • Building responsive UIs that adapt to mobile and desktop breakpoints.
  • Implementing consistent Material‑UI patterns across a product.
  • Adding smooth transitions and Apple‑like polish to interfaces.
  • Applying usability heuristics to prevent errors and empower users.
  • Creating clear feedback loops (loading, success, error) for every action.

常见问题

1

What breakpoints does it cover?

Material‑UI’s default breakpoints: xs (0px), sm (600px), md (900px), lg (1200px), xl (1536px).

2

How do I ensure touch targets are accessible?

Set `minWidth: 44` and `minHeight: 44` on `IconButton` or similar interactive elements.

3

Does it include form validation?

Yes – real‑time validation with `TextField` `error`/`helperText` props and placeholder examples.

4

What runtime dependencies are required?

Only React and Material‑UI (`@mui/material`). No additional libraries are needed for the patterns.

5

Are there any limitations?

The tool provides only guidance and code snippets; it does not enforce or automate the patterns. No transport or authentication is involved.

评论

其他 分类下的更多 MCP 服务器

DeepMark

DeepMark helps teachers deliver rapid, consistent marking with meaningful feedback for every student — in a fraction of the time. What once took a week, now takes one free period.

EverArt

modelcontextprotocol

Model Context Protocol Servers

88.1K

Awesome Mlops

visenger

A curated list of references for MLOps

14.0K

Hindsight

vectorize-io

Hindsight: Agent Memory That Learns

50.4K

Senso MCP for Joomla

sensomedia

Senso MCP turns a Joomla 5 or 6 site into a remote MCP server. It runs inside Joomla itself (no extra server, no Node.js bridge) and is secured with OAuth 2.1 and Joomla's own ACL. The free pack lets an AI assistant crea

广告合作