@chakra-ui/react-mcp
能做什么:查 Chakra UI 的组件清单、可用属性、默认值与用法示例,按主题与响应式约定生成 React 代码,并提示常见误用与替代组件。常见误用与废弃属性都会点出来。,属性名也省得猜。
什么时候接:团队统一用 Chakra UI 做后台与官网,想让 AI 按规范出稿、不用反复对文档自由发挥时。组件一多,属性就容易记混,猜错一次就要返工。很费时间。
注意:属组件知识库服务,需配合现有 Chakra UI 项目使用;版本差异较大,生成的属性名要与项目依赖版本核对。跨大版本升级时属性改名较多,别直接照抄旧示例。
可用工具
安装
npx -y @chakra-ui/react-mcp@2.1.1
配置到 Claude / Cursor
{
"mcpServers": {
"chakra-ui-react-mcp": {
"command": "npx",
"args": [
"-y",
"@chakra-ui/react-mcp@2.1.1"
]
}
}
}来源
- 来源:chakra-ui/chakra-ui
- 许可:MIT
- 更新日期:2026-10-29
同分类其他 MCP
资料来自官方仓库与 MCP 接口探测,以官方最新文档为准;安装第三方 MCP server 前请自行评估安全风险。