Popmelt MCP 组件生成工具
提供通过自然语言命令生成动态样式 React 组件的工具。
快速入门
前置条件
- 安装 Node.js 14+
- 确保 MCP 服务器运行在 http://localhost:3000
启动 MCP 服务器
运行以下命令以启动服务器: npm run dev
使用前端沙盒
进入 sandbox 文件夹并运行以下命令: cd sandbox npm install npm start
浏览器将打开沙盒界面,您可以在其中输入自然语言命令生成组件。
使用命令行工具
直接使用以下命令生成组件: node cursor-nlp-component-generator.js "创建一个按钮组件使用 olivia gray" 或 node generate-component.js button olivia-gray
支持的组件类型包括按钮、卡片、文本等。