Next2d Development MCP

next2d开发mcp

  


下一个2D 支持应用程序开发 MCP（Model Context Protocol）服务器是。\ 框架类型脚本模板 使用 MVVM+清洁架构+原子设计 根据模式提供代码生成、体系结构验证和API参考。

一 MCP（模型上下文协议）服务器 为了 下一个2D 应用程序开发。\ 提供以下代码生成、体系结构验证和API参考 MVVM+清洁架构+原子设计 使用的图案 框架类型脚本模板.

______________________________________________________________________

目次 / Table of Contents

• 概要 / Overview
• 所需的环境/要求
• 如何添加到AI代理/AI代理设置
• 工具/工具
• 资源/资源
• Prompts/提示
• 支持的体系结构/支持的体系结构
• 相关链接/相关链接
• 许可证

______________________________________________________________________

概要 / Overview

此MCP服务器为AI代理提供以下功能：

此MCP服务器为AI代理提供以下功能：

______________________________________________________________________

所需的环境/要求

工具/工具版本/版本 |---|---| | Node.js | 22.x 以上 / 22.x or higher | | npm | 10.x 以上 / 10.x or higher |

______________________________________________________________________

如何添加到AI代理/AI代理设置

VS代码市场（推荐/推荐）

从VS Code Marketplace中单击一次即可安装。 从VS代码市场一键安装：


安装后，在GitHub Copilot Chat上 @next2d 的规格化距离的幂函数。 安装后，键入以下命令即可使用MCP工具 @next2d 在GitHub Copilot聊天中。

______________________________________________________________________

GitHub复制品（VS代码/VS代码内部人员）

项目根目录 .vscode/mcp.json 来修改标记元素的显示属性。\ 创建 .vscode/mcp.json 在项目根：

{
  "servers": {
    "next2d": {
      "command": "npx",
      "args": ["-y", "next2d-development-mcp"]
    }
  }
}

设置VS代码（settings.json）启用MCP：\ 在VS代码设置中启用MCP(settings.json):

{
  "github.copilot.chat.mcp.enabled": true
}

💡 用Copilot Chat @mcp 中描述的场景，使用以下步骤创建明细表，以便在概念设计中分析体量的体积。\ 💡 类型 @mcp 在Copilot Chat中查看可用工具。

克劳德桌面版

编辑配置文件。\ 编辑配置文件：

• macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
• 视窗: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "next2d-development-mcp": {
      "command": "npx",
      "args": ["-y", "next2d-development-mcp"]
    }
  }
}

💡 设置后，请重新启动Claude Desktop。\ 💡 更新配置后重新启动Claude Desktop。

克劳德代码（CLI）

项目根目录 .mcp.json 来修改标记元素的显示属性。\ 创建 .mcp.json 在项目根：

{
  "mcpServers": {
    "next2d-development-mcp": {
      "command": "npx",
      "args": ["-y", "next2d-development-mcp"]
    }
  }
}

或者，直接在CLI中添加：\ 或者直接通过CLI添加：

claude mcp add next2d -- npx -y next2d-development-mcp

OpenAI Codex（ChatGPT CLI）

项目根目录 .codex/mcp.json 来修改标记元素的显示属性。\ 创建 .codex/mcp.json 在项目根：

{
  "mcpServers": {
    "next2d-development-mcp": {
      "command": "npx",
      "args": ["-y", "next2d-development-mcp"]
    }
  }
}

npm 缓存权限错误（EPERM, ~/.npm/_npx）时，请明示缓存目标。\ 如果发生npm缓存权限错误，请设置一个可写缓存路径： "args": ["-y", "--cache", "/tmp/next2d-mcp-npm-cache", "next2d-development-mcp"]

Gemini CLI

项目根目录 .gemini/settings.json 来修改标记元素的显示属性。\ 创建 .gemini/settings.json 在项目根：

{
  "mcpServers": {
    "next2d-development-mcp": {
      "command": "npx",
      "args": ["-y", "next2d-development-mcp"]
    }
  }
}

Cline（VS代码扩展）

从Cline的设置画面添加MCP服务器。\ 从Cline设置中添加MCP服务器：

1. 在VS Code中打开Cline扩展的侧边栏/Open the Cline extension sidebar in VS Code
2. MCP服务器 打开/打开区域 MCP服务器 部分
3. 编辑MCP设置 单击/锁定 编辑MCP设置
4. 添加/添加：

{
  "mcpServers": {
    "next2d-development-mcp": {
      "command": "npx",
      "args": ["-y", "next2d-development-mcp"]
    }
  }
}

光标

添加到Cursor配置文件。\ 添加到光标设置：

• 项目单位/Per-project: .cursor/mcp.json
• 全局/全局: ~/.cursor/mcp.json

{
  "mcpServers": {
    "next2d-development-mcp": {
      "command": "npx",
      "args": ["-y", "next2d-development-mcp"]
    }
  }
}

帆板运动

添加到Windsurf的MCP设置文件中。\ 添加到Windsurf MCP配置：

~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "next2d-development-mcp": {
      "command": "npx",
      "args": ["-y", "next2d-development-mcp"]
    }
  }
}

其他支持MCP的客户机/Other MCP-compatible Clients

MCP是 标准 传输标准协议。可在支持MCP的任何客户端上设置以下命令：

MCP使用标准 标准 传输协议。在任何兼容MCP的客户端中配置以下命令：

command: npx
args: -y next2d-development-mcp

______________________________________________________________________

工具/工具

管弦系/Orchestration

代码生成系统

体系结构验证/体系结构验证

工具使用示例

AI代理说明示例：

Next2Dプロジェクトに「quest/list」画面を追加して。
APIからクエスト一覧を取得して表示するようにして。

在管弦乐模式下 analyze_project → plan_feature → add_route → create_view → create_usecase → create_repository → create_interface → create_ui_component → create_animation → validate_architecture 中描述的场景，使用以下步骤创建明细表，以便在概念设计中分析体量的体积。

______________________________________________________________________

资源/资源

______________________________________________________________________

Prompts/提示

使用orchestrate提示符示例/Orchestrate Prompt Example

# 新規画面作成
orchestrate(task="クエスト一覧画面を追加", screenPath="quest/list", mode="create")

# 既存画面修正
orchestrate(task="ホーム画面に検索機能を追加", screenPath="home", mode="modify")

create 在模式中 analyze_project → plan_feature → 実装 → validate_architecture 中所述修改相应参数的值。 modify 在模式中 inspect_screen -目标文件读取-最小化- validate_architecture 中所述修改相应参数的值。

______________________________________________________________________

支持的体系结构/支持的体系结构

src/
├── config/                    # 設定ファイル (stage.json, config.json, routing.json)
├── interface/                 # インターフェース定義 (I プレフィックス)
├── model/
│   ├── application/           # UseCase (ビジネスロジック)
│   ├── domain/
│   │   └── callback/          # gotoView Callback / Loading クラス
│   │       └── {name}/
│   │           └── service/   # Domain Service (純粋ビジネスロジック)
│   └── infrastructure/        # Repository (データアクセス)
├── ui/
│   ├── animation/             # UI トランジション Animation クラス
│   │   └── {screen}/          # 画面別ディレクトリ
│   ├── component/
│   │   ├── atom/              # 最小コンポーネント
│   │   ├── molecule/          # 複合コンポーネント
│   │   ├── organism/          # 複雑なコンポーネント
│   │   └── page/              # 画面レイアウト
│   └── content/               # Animation Tool コンテンツ
└── view/                      # View & ViewModel (MVVM)

层相关性/层相关性

View Layer (view/, ui/)
  └─ depends on ─→ Interface Layer (interface/)
                     ↑
Application Layer (model/application/)
  ├─ depends on ─→ Interface Layer
  ├─ depends on ─→ Domain Layer (model/domain/)
  └─ calls ──────→ Infrastructure Layer (model/infrastructure/)

查看生命周期

ViewModel.constructor
  → ViewModel.initialize()
    → View.constructor(vm)
      → View.initialize()
        → View.onEnter()
          → (ユーザー操作 / User interaction)
            → View.onExit()

______________________________________________________________________

相关链接/相关链接

• 下一个2D播放器 -WebGL/WebGPU二维渲染引擎
• Next2D框架 —MVVM框架
• 框架类型脚本模板 —类型脚本模板
• 创建Next2D应用程序 —项目生成工具
• Next2D动画工具 —动画创建工具
• MCP规范 --模型上下文协议仕様

许可证

麻省理工学院