新野兽派组件MCP服务器
](https://badge.fury.io/js/neobrutalism-mcp-server) 
🚀 将新野兽派组件集成到人工智能工作流程中的最快方法
一种模型上下文协议（MCP）服务器，为人工智能助手提供全面的访问权限 新野蛮主义成分 -一组新野兽派风格的React组件，可与Next.js、Vite和其他React框架配合使用。
✨ 主要特点
- 🎯 新野兽派设计 -大胆、鲜明、野兽派风格的UI组件
- 📦 组件源代码 -注册表中的最新TypeScript源代码
- 🎨 组件演示 -示例实现和使用模式
- ⭐ 星形组件 -40个独特的星形/装饰组件（s1-s40）
- 📋 元数据访问 -依赖关系、描述和配置详细信息
- 🔍 目录浏览 -探索存储库结构
- ⚡ 本地组件 -所有组件都包含在本地，没有外部依赖关系
🚀 快速开始
克劳德代码
claude mcp add neobrutalism -- npx -y neobrutalism-mcp-server用于光标和其他AI工具
# Simple usage!
npx neobrutalism-mcp-server🎯 所有组件都包含在本地！
🖼️ 你能建造什么
Sample UI generated with this MCP server
*整个React接口都是用Claude Code使用这个MCP服务器在一个提示中生成的！*
🎨 组件类别
此服务器允许您访问按不同组组织的酷炫的新野兽派组件：
| 类别 | 描述 | 示例 |
|---|---|---|
| UI组件 | 核心新野兽派风格的React组件 | button, card, dialog, alert |
| 表单组件 | 输入和形成React组件 | input, label, checkbox, textarea |
| 布局组件 | 结构和导航组件 | sheet, sidebar, navigation-menu |
| 星组件 | 装饰性React元素 | s1, s2, s3, ... s40 |
🛠️ 设置
适用于Claude Code用户
claude mcp add neobrutalism -- npx -y neobrutalism-mcp-server其他AI工具
首先运行服务器：
npx neobrutalism-mcp-server然后将此添加到AI工具的配置中：
{
"mcpServers": {
"neobrutalism": {
"command": "npx",
"args": ["neobrutalism-mcp-server"]
}
}
}🎯 你能做什么
- 构建酷炫的React UI -让AI帮助你制作具有新野兽派风格的React网站（而不是HTML页面）
- 查找组件 -查看可用的React组件以及如何使用它们
- 快速制作原型 -快速获取React组件代码
- 创建设计系统 -构建一致的野兽派风格React设计
- 生成代码 -获取具有所有正确依赖项的React组件代码
📦 可用工具
该服务器为AI工具提供了以下有用的功能：
list_components-获取所有可用的新野兽派组件get_component-获取特定组件的源代码get_component_demo-获取组件的演示/示例用法get_component_metadata-获取元数据（依赖关系、类型等）get_directory_structure-浏览存储库结构
🎨 组件示例
React UI组件
button-新野兽派风格的React按钮组件card-带有粗体边框的容器React组件dialog-具有鲜明风格的Modal React对话框组件input-表单输入React组件
React Star组件
s1向s40-装饰性星形和装饰性React组件- 每个都有独特的新野兽派风格
📦 安装
# Install globally (optional)
npm install -g neobrutalism-mcp-server
# Or use npx directly (recommended)
npx neobrutalism-mcp-server
# Or install locally in a project
npm install neobrutalism-mcp-server🔗 仓库
📄 许可证
MIT许可证-请参阅 许可证 了解详情。
🙏 致谢
______________________________________________________________________
由……制造
星⭐ 如果你觉得这个仓库有用的话！