loading…
Search for a command to run...
loading…
An AI-powered toolkit for the M8 mobile development framework that enables automated generation of Vue pages, low-code components, and mock data. It provides re
An AI-powered toolkit for the M8 mobile development framework that enables automated generation of Vue pages, low-code components, and mock data. It provides real-time code standard validation and a comprehensive UI component knowledge base to streamline development in AI editors.
M8 框架智能辅助工具 - 基于 MCP (Model Context Protocol) 协议
专门为 M8 移动端开发框架设计的 AI 辅助工具集，集成了开发规范、代码生成、规范检查等核心能力。支持通过 Cursor、Windsurf 等 AI 编辑器无缝调用。
create_page): 只需描述需求，自动完成规范加载、代码生成（Vue/SCSS/JS）、Mock 数据创建，并输出规范检查报告。create_ioc_page): 专为低码平台设计，自动生成符合 IOC 规范的组件结构（Config/Mock/Vue/Plugin）。validate_code_standards): 实时检查代码是否符合 M8 开发规范（文件头注释、全局变量使用、样式穿透语法等）。get_prompt): 获取最佳 System Prompt，让你的 AI 助手瞬间变身 M8 专家。在 IDE (Cursor/VSCode/Windsurf) 的 MCP 配置文件中添加：
{
"mcpServers": {
"m8-codex-mcp": {
"command": "npx",
"args": ["-y", "m8-codex-mcp@latest"]
}
}
}
一站式生成符合 M8 规范的业务页面。
参数说明:
module_name (必填): 模块名称（小写下划线，如 user_list）vue_version (必填): Vue 版本，"2" 或 "3"description (必填): 页面功能描述page_name: 页面名称，默认为 indexpage_type: 页面类型 (form | list | detail | custom)，默认为 customrequirements: 具体需求细节（如：包含搜索框、下拉刷新等）components: 需要使用的组件列表（如 ['em-button', 'em-field']）示例:
"使用 create_page 工具创建请假申请页面：
生成符合 M8 低码平台 (IOC) 规范的组件结构。
参数说明:
component_name (必填): 组件名 (PascalCase，如 ProductCard)display_name (必填): 中文显示名description (必填): 功能描述config_options: 自定义属性配置列表custom_events: 自定义事件列表示例:
"使用 create_ioc_page 工具创建商品卡片组件：
💡 组件复用：开发时优先使用 M8 组件库（em-*）
"查询 em-field 组件用法"
"em-popup 有哪些 Props"
检查已有代码是否符合 M8 规范。
支持检查项:
::v-deep vs :deep())<script setup> 语法强制获取专为 M8 开发优化的 System Prompt。
建议将返回的内容复制到项目的 .cursorrules 或 .windsurfrules 文件中，以提升 AI 的编码准确率。
# Install dependencies
npm install
# Build the project
npm run build
# Watch for changes
npm run watch
MIT
Добавь это в claude_desktop_config.json и перезапусти Claude Desktop.
{
"mcpServers": {
"m8-codex-mcp": {
"command": "npx",
"args": []
}
}
}