Mobiscroll MCP
官方带版本标记的 Mobiscroll UI API 知识——调度器、事件日历、时间线和选择器——以及 Connect 日历 API。14 个只读工具。
你可以用 Mobiscroll MCP 做什么?
- 解析项目环境 — 让助手通过
resolveEnvironment从package.json中检测你的框架和 Mobiscroll 版本。 - 列出可用组件 — 让助手使用
listComponents枚举适用于你的框架和版本的所有 Mobiscroll 组件。 - 获取组件模式 — 通过
getComponentSchema获取任何组件的精确选项、事件、方法和渲染器。 - 搜索并获取示例 — 使用
searchExamples按关键词查找相关代码示例,并通过getExampleById获取完整源代码。 - 验证生成的代码 — 使用
validateCode检查代码片段中是否存在未知属性、事件或已弃用的用法。 - 将 Connect REST 映射到 SDK — 使用
mapConnectEndpointToSdk查找任何 Connect REST 端点对应的 SDK 方法。
托管 MCP 服务器
npx add-mcp 'https://mcp.mobiscroll.com'可安装到 Claude Code、Codex、Cursor 等客户端
文档
Mobiscroll 附带一个 MCP 服务器和代理技能,使编码助手能够正确生成调度器、事件日历、时间线和选择器代码——适用于 Claude Code、Codex、Cursor 和 GitHub Copilot,同时提供机器可读的文档和 AI 行为规则。
为什么需要 AI 集成?
AI 编码助手在能够访问结构化、权威文档时表现最佳。如果没有这些文档,它们通常会:
- 幻觉 API——编造不存在的选项名称、事件或类型
- 混用框架——使用 Angular 模块导入或 jQuery 插件语法,而不是 React hooks 和 JSX
- 引用过时版本——在当前版本为 v6 时生成 v5 代码
- 忽略框架约定——跳过从
@mobiscroll/react的命名导入,或省略 CSS 导入
Mobiscroll AI 集成通过提供针对 AI 消费优化的文档,并结合强制框架隔离和正确 API 使用的行为规则,解决了这些问题。
架构概述
该集成由三层组成:
数据层——llms 文件
机器可读的文档文件,包含完整的 Mobiscroll API 参考和指南,每个框架一个。这些是 AI 工具读取以回答问题的事实来源。
| 文件 | 描述 |
|---|---|
llms-react-full.txt | 完整的 React 文档 |
llms-react.txt | React 目录(链接到各个页面) |
llms-icons.txt | 图标名称(IcoMoon、Font Awesome、Ionicons)——所有框架 |
[!-info] -info info
您无需下载或托管这些文件——规则文件和 Claude Code 及 Codex 插件会直接引用它们并自动获取其内容。
规则层——规则文件
规则文件仅为 Cursor 和 GitHub Copilot 提供 Mobiscroll 上下文。Claude Code 和 Codex 使用 Mobiscroll 插件代替——无需手动文件设置。
有两种方法可用:
- 选项 A——基于文件的上下文加载。规则文件(Cursor 使用
.mdc,Copilot 使用.instructions.md)包含 API 文档和行为规则。无需 MCP 服务器。 - 选项 B——通过 MCP 服务器实时获取 schema。扩展规则文件指示 AI 在每次生成时调用 Mobiscroll MCP 服务器进行实时组件 schema 查询。适用于需要每次查询精度的交互式编码代理。
根据您的偏好和设置进行选择。
文件
选项 A——基于文件的规则:
| 文件 | 格式 | 用于 |
|---|---|---|
mobiscroll-react.mdc | Cursor 规则文件 | Cursor |
copilot-instructions/mobiscroll-react.instructions.md | Copilot 指令文件 | GitHub Copilot |
选项 B——带 MCP 的扩展规则:
| 文件 | 格式 | 用于 |
|---|---|---|
| mobiscroll-ui.mdc | Cursor 扩展规则(编排器) | Cursor |
| mobiscroll-ui-react.mdc | Cursor 扩展规则(React) | Cursor |
| mobiscroll-ui-theming.mdc | Cursor 扩展规则(主题) | Cursor |
| mobiscroll-ui.instructions.md | Copilot 扩展指令(编排器) | GitHub Copilot |
| mobiscroll-ui-react.instructions.md | Copilot 扩展指令(React) | GitHub Copilot |
| mobiscroll-ui-theming.instructions.md | Copilot 扩展指令(主题) | GitHub Copilot |
哪个工具使用哪些文件?
| 工具 | 方法 | 使用的文件 |
|---|---|---|
| Cursor | 选项 A | mobiscroll-react.mdc |
| Cursor | 选项 B | mobiscroll-ui.mdc、mobiscroll-ui-react.mdc、mobiscroll-ui-theming.mdc |
| GitHub Copilot | 选项 A | mobiscroll-react.instructions.md |
| GitHub Copilot | 选项 B | mobiscroll-ui.instructions.md、mobiscroll-ui-react.instructions.md、mobiscroll-ui-theming.instructions.md |
实时 schema 层——MCP 服务器
Mobiscroll MCP 服务器通过 Model Context Protocol 提供结构化、带版本标记的 API 知识。它是一个单一、统一的服务器:同一个暴露这些 UI 组件工具的 mobiscroll 服务器也提供 Mobiscroll Connect 工具,前缀为 Connect,因此它们永远不会冲突。助手无需依赖文档快照,可以在生成时调用这些工具获取确切的组件 schema、有效的 props/事件或工作示例——因此它永远不会幻觉或偏离当前 API。有关其暴露内容的完整列表,请参阅 MCP 工具参考。
它是一个位于 https://mcp.mobiscroll.com/ 的托管 Streamable HTTP 服务器——无需本地安装。对于 Cursor 和 GitHub Copilot 是可选的(仅在您选择选项 B 时使用),并通过插件为 Claude Code 和 Codex 捆绑/始终开启。
Cursor 设置
步骤 1:注册文档源
打开 Cursor Settings → Indexing & Docs,为您的框架添加文档源:
| 框架 | 名称 | URL |
|---|---|---|
| React | Mobiscroll React | https://mobiscroll.com/docs/llms-react-full.txt |
仅注册与您的用例匹配的源。不要注册多个源——这可以防止跨域污染。
步骤 2:添加行为规则
选择一种方法——选项 A 立即可用,无需额外设置;选项 B 添加实时 MCP schema 查询以提高准确性,但需要配置 MCP 服务器。
选项 A——.mdc 规则文件
下载 mobiscroll-react.mdc 文件并将其放置在 .cursor/rules/:
your-project/
├── .cursor/
│ └── rules/
│ └── mobiscroll-react.mdc
├── src/
└── package.json
.mdc 文件提供基于文本的 API 规则——无需额外设置。
选项 B——扩展规则文件 + MCP(3 个文件)
下载三个扩展规则文件并将其放置在 .cursor/rules/:
your-project/
├── .cursor/
│ └── rules/
│ ├── mobiscroll-ui.mdc
│ ├── mobiscroll-ui-react.mdc
│ └── mobiscroll-ui-theming.mdc
├── src/
└── package.json
与选项 A 不同,这些规则文件指示 Cursor 的 AI 在每次生成时调用 Mobiscroll MCP 服务器进行实时组件 schema 查询——因此它基于当前 API 工作,而不是凭记忆猜测。在合并生成的代码之前进行审查,与任何 AI 输出一样。
规则激活
扩展的 .mdc 文件在其 frontmatter 中使用带有 description 的 alwaysApply: false。Cursor 读取描述,仅在上下文相关时激活规则——该规则不会包含在每条消息中。您也可以使用 @rule-name 手动触发它(例如 @mobiscroll-ui)。.mdc 格式适用于所有 Cursor 模式,包括 Agent 模式。
步骤 3:连接 MCP 服务器
配置 Mobiscroll MCP 服务器,以便扩展规则可以调用它进行实时 schema 查询。
在项目根目录创建或编辑 .cursor/mcp.json:
{
"mcpServers": {
"mobiscroll": {
"url": "https://mcp.mobiscroll.com/"
}
}
}
[!-warning] -warning 无
type字段Cursor 从 URL 推断传输类型。不要向 Cursor 的配置添加
"type": "http"——这会导致错误。
your-project/
├── .cursor/
│ ├── mcp.json
│ └── rules/
│ ├── mobiscroll-ui.mdc
│ ├── mobiscroll-ui-react.mdc
│ └── mobiscroll-ui-theming.mdc
├── src/
└── package.json
| 范围 | 配置文件 | 与团队共享 |
|---|---|---|
| 项目 | 项目根目录中的 .cursor/mcp.json | 是,如果提交 |
| 全局 | ~/.cursor/mcp.json | 否,所有您的项目 |
验证连接: 打开 Cursor 中的 Output 面板,从下拉菜单中选择 MCP Logs。成功连接会记录 mobiscroll 服务器的工具发现消息。
工作原理
当向 Cursor 询问 Mobiscroll 时,包含 @docs 以确保它读取已注册的文档:
@docs How do I set up a weekly scheduler with Mobiscroll?
@docs What options does the Eventcalendar timeline view accept?
GitHub Copilot 设置
步骤 1:添加行为规则
选择一种方法——选项 A 立即可用,无需额外设置;选项 B 添加实时 MCP schema 查询以提高准确性,但需要配置 MCP 服务器。
选项 A——.instructions.md 规则文件
下载 mobiscroll-react.instructions.md 文件并将其放置在 .github/instructions/:
your-project/
├── .github/
| └── instructions/
| └── mobiscroll-react.instructions.md
├── src/
└── package.json
.instructions.md 文件提供基于文本的 API 规则——无需额外设置。
选项 B——扩展指令文件 + MCP(3 个文件)
下载三个扩展指令文件并将其放置在 .github/instructions/:
- mobiscroll-ui.instructions.md(编排器)
- mobiscroll-ui-react.instructions.md(React 约定)
- mobiscroll-ui-theming.instructions.md(主题)
your-project/
├── .github/
| └── instructions/
| ├── mobiscroll-ui.instructions.md
| ├── mobiscroll-ui-react.instructions.md
| └── mobiscroll-ui-theming.instructions.md
├── src/
└── package.json
步骤 2:连接 MCP 服务器
配置 Mobiscroll MCP 服务器,以便扩展指令文件可以调用它进行实时 schema 查询。
在项目根目录创建或编辑 .vscode/mcp.json:
{
"servers": {
"mobiscroll": {
"type": "http",
"url": "https://mcp.mobiscroll.com/"
}
}
}
[!-warning] -warning
"servers"不是"mcpServers"VS Code 使用
"servers"作为根键——而不是像 Claude Code 和 Cursor 那样的"mcpServers"。使用错误的键会静默破坏配置,且不会显示错误消息。
your-project/
├── .vscode/
│ └── mcp.json
├── .github/
│ └── instructions/
│ ├── mobiscroll-ui.instructions.md
│ ├── mobiscroll-ui-react.instructions.md
│ └── mobiscroll-ui-theming.instructions.md
├── src/
└── package.json
| 范围 | 配置文件 | 与团队共享 |
|---|---|---|
| 工作区 | 项目根目录中的 .vscode/mcp.json | 是,如果提交 |
| 用户配置文件 | 通过 MCP: Open User Configuration 打开 | 否,所有您的工作区 |
验证连接: 打开 Command Palette 并运行 MCP: List Servers。mobiscroll 服务器应显示为已连接状态。首次使用时会出现信任对话框——批准它以允许服务器启动。
或者,打开 Command Palette 并运行 MCP: Add Server 进行引导式设置。
工作原理
带有 applyTo: "**" 的指令文件自动应用于所有 Copilot Chat 查询——无需手动引用。两个选项都包含:
- 文档 URL——将 AI 指向正确的框架文档
- 组件映射——将用户意图(例如“scheduler”)映射到正确的 Mobiscroll API
- 规则——强制正确的包导入、CSS 加载和 API 使用
- 约束——防止跨框架混用和 API 幻觉
直接询问 Mobiscroll 问题:
How do I set up a weekly scheduler with Mobiscroll?
What options does the Eventcalendar timeline view accept?
Claude Code 设置
为 Claude Code 安装 Mobiscroll 插件。该插件将框架编码技能和 MCP 服务器捆绑在一次安装中——无需每个项目的配置文件。
步骤 1:注册市场
在 Claude Code 中运行一次以注册 Mobiscroll 插件市场:
/plugin marketplace add acidb/mobiscroll-marketplace
步骤 2:安装插件
/plugin install mobiscroll@mobiscroll
[!-warning] -warning 插件技能不会自动更新
安装插件会获取其技能的快照——除非您为市场启用自动更新,否则 Claude Code 不会自行拉取更新的技能。要随时获取最新版本,请运行
/plugin marketplace update mobiscroll && /plugin update mobiscroll@mobiscroll,然后运行/reload-plugins。
步骤 3:连接 MCP 服务器
插件捆绑了 MCP 服务器——大多数设置无需单独配置。要手动配置或与团队共享:
claude mcp add --transport http mobiscroll https://mcp.mobiscroll.com/
[!-warning] -warning VS Code 扩展
如果您使用 Claude Visual Studio Code 扩展,除非以项目范围添加,否则服务器不会出现。请参阅下面的下一个命令。
要自动与团队共享服务器,请使用项目范围:
claude mcp add --transport http --scope project mobiscroll https://mcp.mobiscroll.com/
这会在项目根目录创建或更新 .mcp.json。您也可以手动创建该文件:
{
"mcpServers": {
"mobiscroll": {
"type": "http",
"url": "https://mcp.mobiscroll.com/"
}
}
}
| 范围 | CLI 标志 | 配置位置 | 与团队共享 |
|---|---|---|---|
| 本地(默认) | --scope local | ~/.claude.json | 否 |
| 项目 | --scope project | 项目根目录中的 .mcp.json | 是,通过版本控制 |
| 用户 | --scope user | ~/.claude.json | 否,所有您的项目 |
[!-info] -info info
对团队仓库使用
--scope project,以便每个人在克隆项目时自动获得 MCP 服务器。 [!-warning] -warning 也从目录连接了吗?如果你的组织已从 Anthropic 的目录启用了 Mobiscroll 连接器,你可能已经通过 Claude 账户拥有了该服务器。项目级
.mcp.json条目和目录连接器是通往同一服务器的两条路径,Claude Code 可能会报告项目条目加载失败,直到你在自己的账户上授权连接器。授权一次后两者都能工作,或者移除.mcp.json条目,仅依赖连接器。参见下方的 Claude 应用设置。
验证连接: 在 Claude Code 中运行 /mcp。面板会列出每个已连接的服务器及其工具数量。健康的连接会显示 mobiscroll,且至少有一个工具。
工作原理
安装后,插件提供:
- 技能 —
mobiscroll-ui是编排技能,可检测你的框架(React、Angular、Vue、JavaScript 或 jQuery),并加载匹配的框架子技能。主题相关问题由mobiscroll-ui-theming处理。所有技能会一起安装。 - MCP 服务器 — 内置的 Mobiscroll MCP 服务器提供实时的组件模式查找、代码验证和示例搜索,因此 Claude 基于当前 API 工作,而不是凭记忆猜测。合并前请审查生成的代码,与任何 AI 输出一样。
当你要求 Claude Code 编写 Mobiscroll 代码时,它会:
- 通过
resolveEnvironment检测你的框架和 Mobiscroll 版本 - 加载匹配的框架技能,遵循惯用约定
- 在编写任何属性或事件之前查找组件模式
- 在返回代码前验证生成的代码
Codex 设置
为 OpenAI Codex 安装 Mobiscroll 插件。该插件将框架编码技能和 MCP 服务器捆绑在一次安装中——无需逐项目配置文件。
第 1 步:注册市场
在 Codex 中运行一次以下命令以注册 Mobiscroll 插件市场:
/plugins marketplace add acidb/mobiscroll-marketplace
第 2 步:安装插件
/plugins install mobiscroll@mobiscroll
[!-warning] -warning 插件技能不会自动更新
安装插件会获取技能的快照——Codex 不会自行拉取更新版本。要随时获取最新版本,请更新市场目录并重新安装插件:
/plugins marketplace update mobiscroll,然后/plugins install mobiscroll@mobiscroll。
第 3 步:连接 MCP 服务器
插件捆绑了 MCP 服务器——大多数设置无需单独配置。要手动配置或与团队共享,请将其添加到 ~/.codex/config.toml(全局)或 .codex/config.toml(项目):
[mcp_servers.mobiscroll]
url = "https://mcp.mobiscroll.com/"
你也可以从命令行注册:
codex mcp add mobiscroll --url https://mcp.mobiscroll.com/
| 范围 | 配置位置 | 与团队共享 |
|---|---|---|
| 全局 | ~/.codex/config.toml | 否,仅限你的所有项目 |
| 项目 | 项目根目录中的 .codex/config.toml(仅限受信任项目) | 是,通过版本控制 |
[!-info] -info info
对于团队仓库,请使用项目级
.codex/config.toml,这样每个人克隆项目时都会自动获得 MCP 服务器。
验证连接: 在 Codex 中运行 /mcp。面板会列出每个已连接的服务器及其工具数量。健康的连接会显示 mobiscroll,并列出其工具。
工作原理
安装后,插件提供:
- 技能 —
mobiscroll-ui是编排技能,可检测你的框架(React、Angular、Vue、JavaScript 或 jQuery),并加载匹配的框架子技能。主题相关问题由mobiscroll-ui-theming处理。所有技能会一起安装。 - MCP 服务器 — 内置的 Mobiscroll MCP 服务器提供实时的组件模式查找、代码验证和示例搜索,因此 Codex 基于当前 API 工作,而不是凭记忆猜测。合并前请审查生成的代码,与任何 AI 输出一样。
当你要求 Codex 编写 Mobiscroll 代码时,它会:
- 通过
resolveEnvironment检测你的框架和 Mobiscroll 版本 - 加载匹配的框架技能,遵循惯用约定
- 在编写任何属性或事件之前查找组件模式
- 在返回代码前验证生成的代码
Claude 应用设置 — claude.ai、桌面版和移动版
MCP 服务器已发布在 Anthropic 的连接器目录中,因此网页版 Claude、Claude 桌面版和 Claude 移动应用无需任何项目文件或 CLI 命令即可使用。它与上述编辑器设置使用的是同一服务器——区别仅在于访问方式。
第 1 步:从目录连接
打开 设置 → 连接器 → 浏览连接器,搜索 Mobiscroll,然后点击 连接。
无需任何配置。该服务器是只读的,不需要账户、API 密钥或 OAuth 登录。
第 2 步:为你的组织启用(团队版和企业版)
在团队版和企业版计划中,所有者首先为组织添加连接器。然后每个成员在自己的账户上连接——连接器对所有人可见,但在个别成员连接之前不会响应。
[!-warning] -warning 已将其添加为自定义连接器?
如果你在目录中出现之前手动添加了
mobiscroll,请在从目录连接之前移除该条目。指向https://mcp.mobiscroll.com/的两个条目会重复注册相同的工具,Claude 可能会调用你未预期的副本。打开 设置 → 连接器,找到你的自定义
mobiscroll条目并移除。然后从目录连接。
工作原理
Claude 调用下方 MCP 工具参考 中列出的相同 14 个只读工具。询问组件选项、事件签名、Connect 端点或 REST 调用的 SDK 等效项时,它会读取当前模式,而不是凭记忆回答。
目录连接器不携带技能。这些是 Claude Code 和 Codex 插件的一部分——要在项目内编写 Mobiscroll 代码,请使用上方的 Claude Code 设置。
MCP 工具参考
MCP 服务器公开了 14 个工具。所有工具均为只读并已如此标注,因此 AI 助手无需每次请求确认即可调用。它们都不会读取或写入你 Mobiscroll 账户中的任何内容,Connect 工具描述 Connect API 而非调用它。
Mobiscroll UI 工具
| 工具 | 返回内容 | 必需参数 |
|---|---|---|
resolveEnvironment | 项目使用的框架和主版本,从其 package.json 读取。这些是其他 UI 工具接受的参数值。 | package.json 内容 |
listComponents | 特定框架和版本可用的每个组件,附带简短描述和实体数量。 | framework, major |
getComponentSchema | 单个组件的选项、事件、方法和渲染器。首先返回紧凑索引;再次调用并指定名称以获取完整详情。 | component, framework, major |
searchExamples | 匹配关键字的示例,按组件和版本过滤,按相关性排序。 | framework, major |
getExampleById | 完整示例及其源文件、描述和实现说明。 | exampleId, framework, major |
validateCode | 代码片段中未知的属性、事件和方法,以及已弃用的用法。静态分析——不执行任何内容。 | component, framework, major, snippet |
Mobiscroll Connect 工具
同一服务器也回答关于 Connect REST API 及其 SDK 的问题。这些在 Connect AI 集成指南 中有完整文档。
| 工具 | 返回内容 | 必需参数 |
|---|---|---|
resolveConnectEnvironment | 项目依赖的 Connect SDK 及版本,从其依赖清单读取。 | 清单内容 |
listConnectEndpoints | 每个 Connect REST 端点及其方法、路径、摘要和认证方式。 | — |
getConnectEndpointSchema | 单个端点的完整信息:带类型的参数、认证、响应状态、示例。 | endpointId,或 method + path |
listConnectSdkMethods | 特定语言 SDK 公开的资源和方法。 | language |
getConnectSdkMethod | 单个 SDK 方法的完整信息:签名、参数、返回类型、文档注释、示例。 | language, method |
searchConnect | REST 端点和 SDK 方法中的关键字匹配。 | query |
mapConnectEndpointToSdk | REST 端点的等效 SDK 调用,支持每种语言或单一语言。 | endpointId,或 method + path |
getConnectErrorTaxonomy | 每个错误类别及其 HTTP 状态和每种语言的惯用异常类型。 | — |
[!-success] -success 从解析调用开始
服务器远程运行,无法读取你的文件,因此
resolveEnvironment和resolveConnectEnvironment将你的清单内容作为参数。如果你已知框架、版本或语言,其他所有工具都直接接受这些值。
框架隔离
[!-warning] -warning 关键
每个规则文件和文档源都精确针对一个框架或领域。切勿组合不同框架的文件,或将 UI 框架文件与 Connect 文件混合。
为何重要:
- 大多数 API 选项在框架间共享,但组件用法和模板因框架而异——混合会产生损坏的代码
Mobiscroll Connect 是一个独立领域:
- Connect 是后端集成层——OAuth 2.0、REST API、Webhooks、日历同步
- 它没有 UI 组件、没有 JSX、没有前端框架绑定
- Connect 使用
mobiscroll-connect.mdc和llms-connect-full.txt——绝不使用 UI 框架文件 - 将 Connect 文档与 UI 文档混合会导致 AI 混淆 REST 端点和组件 API
[!-info] -info info
mobiscroll@mobiscroll插件还捆绑了mobiscroll-connect技能,用于服务端 Connect(OAuth、REST、日历同步)。它仅在后端 Connect 工作中激活,绝不与 UI 组件代码混合。参见 Connect AI 集成指南。
规则:
- 仅使用匹配一个框架或领域的规则文件——切勿混合不同框架的文件
- 在 Cursor 中仅注册一个文档源
- 如果你的项目使用多个框架(例如微前端),请为每个框架设置单独的目录和单独的
.mdc文件 - 如果你的项目同时使用 UI 框架和 Mobiscroll Connect,请为每个使用单独的 AI 上下文目录
- 如果 AI 助手生成了错误框架导入的代码,请检查正确的规则文件是否就位
示例查询
以下示例展示了 AI 集成设计用于正确处理的问题类型。
How do I create an Eventcalendar with a weekly scheduler view?
Add drag and drop support to my Mobiscroll timeline.
What is the type for calendar events in Mobiscroll React?
故障排除
AI 生成错误框架的代码
症状: 你正在使用 React,但 AI 为不同框架生成了代码(例如 import { Eventcalendar } from '@mobiscroll/angular')。
修复: 验证正确的规则文件是否就位。对于 Cursor 中的 React,使用 mobiscroll-react.mdc;对于 Copilot,使用 mobiscroll-react.instructions.md。在 Cursor 中,检查注册的 @docs 源是否指向 llms-react-full.txt。
AI 虚构不存在的 API
症状: AI 建议了 Mobiscroll 文档中不存在的选项、事件或类型。
修复: .mdc 规则指示 AI 仅使用文档中找到的 API。如果仍然发生,请在 Cursor 查询中明确引用 @docs,或验证 Claude Code(/plugin list)或 Codex(codex plugin list)中是否安装了 Mobiscroll 插件。你也可以要求 AI 验证选项是否存在于 Mobiscroll 文档中。
AI 混淆 Mobiscroll Connect 与 UI 组件
症状: 当你询问前端日历组件时,AI 生成了 REST API 调用;或者当你询问 Connect API 时,生成了 JSX/组件代码。
修复: Mobiscroll Connect 是一个后端集成层(OAuth、REST、webhooks),没有 UI 组件。Eventcalendar 是一个前端 UI 组件,没有 REST API。它们使用完全独立的 .mdc 文件和文档来源。请验证正确的 .mdc 文件是否已为您的项目激活。如果您在同一代码库中同时使用两者,请为每个保留单独的 AI 上下文目录。
设置后 MCP 服务器未出现
症状: MCP 服务器面板未显示 mobiscroll 条目,或工具不可用。
修复: 检查配置文件是否位于正确位置并使用正确的根键 — Claude Code、Codex 和 Cursor 使用 mcpServers,VS Code 使用 servers。验证文件是否为格式良好的 JSON。对于 Claude Code 或 Codex,运行 /mcp 以检查已连接的服务器。
文件参考
所有 AI 集成文件可在以下 URL 获取:
文档文件
| 文件 | URL |
|---|---|
| React | https://mobiscroll.com/docs/llms-react-full.txt |
规则文件
| 文件 | Cursor (.mdc) | Copilot (.instructions.md) |
|---|---|---|
| React 规则 | mobiscroll-react.mdc | copilot-instructions/mobiscroll-react.instructions.md |
扩展规则文件
文件内容
每个文件的完整内容如下所示。您可以直接从这些块中复制,或使用上面的下载链接。