系统在线 · V1.0.5-BETA.1

OPEN
WOT

AI 写代码之前
应该先读懂真实 API。

[ 00 / AGENT 上下文层 ]

让你的 AI 编程工具真正懂 wot-ui。

Open Wot 将真实的组件 API、文档、示例和版本历史打包成离线知识层，接入你的终端与 AI 编程工具。 不再猜测属性，直接生成可用界面。

快速开始 查看源码
安装包
@wot-ui/cli
运行时
NODE.JS ≥ 20
许可证
MIT
模式
离线可用
真实组件属性+版本精准匹配+离线知识库+8 个 MCP 工具+4 类 AI 客户端+
[ 01 / 知识，而不是猜测 ]

补上 AI 缺失的组件知识层。

三种接口，一份可信数据源。每个答案都基于你项目真正安装的组件库版本。

01
$ wot info Button_

在终端得到准确答案。

不离开终端即可查找组件、检查 API、阅读文档、提取示例、查询变量并追踪更新记录。

查看_CLI_文档 ↗
02
MCP :: 8 个工具 :: 已就绪

为 AI 提供原生上下文。

通过标准 MCP Server，将 wot-ui 知识接入 Cursor、Claude Code、VS Code 或 Codex。

连接_AGENT ↗
03
本地数据 :: 无需 API KEY

默认离线，自动识别版本。

知识随 npm 包发布，并根据项目依赖解析正确版本，让生成代码始终保持兼容。

查看_DATA ↗
[ 02 / 从安装到可用 ]

30 秒接入真实上下文。

只需初始化一次，Open Wot 会配置 MCP、安装 wot-ui Skill 并写入托管项目指引。AI 在写代码之前，就能拿到正确上下文。

  1. 01
    安装获取最新 CLI。
  2. 02
    初始化选择你的 AI 编程客户端。
  3. 03
    验证执行真实 MCP 握手。
  4. 04
    开始构建让 AI 查询，而不是猜测。
open-wot — zsh — 90×28 运行中
➜~/projectnpm install -g @wot-ui/cli@latest
+ @wot-ui/cli@1.0.5-beta.1
➜~/projectwot agent init --client codex
✓ MCP Server 已配置
✓ wot-ui-v2 Skill 已安装
✓ 托管 Instructions 已写入
➜~/projectwot agent doctor --client codex
检查运行环境.......... 通过
检查配置文件.......... 通过
MCP 真实握手........... 通过
系统已就绪。 你的 AI 现在真正懂 wot-ui。
➜~/project
[ 03 / 文档中心 ]

从第一次查询，到完整接入。

首页提供可直接执行的接入指南；完整中文文档已内置站内，包含 16 个章节、命令参考、故障排查与开发维护。

30 秒快速开始

安装、接入、验证。

需要 Node.js ≥ 20。将 cursor 替换为你正在使用的客户端 ID。

# 1. 安装最新版本
npm install -g @wot-ui/cli@latest

# 2. 接入 Agent 能力
wot agent init --client cursor

# 3. 执行真实握手验证
wot agent doctor --client cursor
初始化完成后
01
MCP SERVER

AI 可以按需调用 8 个 wot-ui 工具。

已就绪
02
WOT-UI-V2 SKILL

AI 知道何时、如何选择与使用组件。

已就绪
03
INSTRUCTIONS

生成代码前，主动查询真实组件知识。

已就绪
提示 配置完成后请重启客户端；若出现“信任项目”或“批准 MCP Server”，请按客户端提示确认。
支持的 AI 编程客户端
客户端客户端 ID项目配置用户级
Claude Codeclaude.mcp.json支持
Cursorcursor.cursor/mcp.json支持
VS Codevscode.vscode/mcp.json项目级
Codexcodex.codex/config.toml支持
CLI / 组件知识

在终端查询真实 wot-ui 数据。

wot --help
wot list [keyword]按名称、中文名、标签、分类或描述查找组件
wot info <component>查询 props、events、slots 和 CSS 变量
wot doc <component>获取完整 Markdown 组件文档
wot demo <component> [name]查看示例列表或指定 demo 源码
wot token [component]查询全局或组件 CSS 变量
wot changelog [version] [component]按版本或组件查看更新记录
wot usage [dir]统计项目中的 wd-* 组件使用情况
wot lint [dir]检查未知组件、空按钮等使用问题
示例wot info Button --version 2.0.4 --format markdown
版本解析顺序

不指定版本，也能找到正确答案。

查询命令支持 --format text|json|markdown。结构化结果写入 stdout，诊断信息保持在 stderr。

  1. 01项目已安装版本优先读取真实安装结果
  2. 02依赖声明版本其次读取 package.json 范围
  3. 03最新离线数据未检测到版本时安全回退
继续阅读完整参数、手动 MCP 配置、常见问题与贡献指南。 打开完整中文文档 ↗
[ 04 / 工作流变化 ]

你会感受到的具体变化。

不放虚构客户 Logo，只展示 Open Wot 在真实开发会话中要带来的可验证结果。

“AI 会先检查项目安装版本，再建议组件 API。”
版本对齐依赖 → 数据 → 输出
“组件属性、事件、插槽和示例会进入同一个上下文。”
完整上下文API → 示例 → 实现
“整个流程保持本地、可检查，不依赖在线文档 API。”
本地优先安装包 → 终端 → AGENT
[ 05 / 免费开源 ]

从终端查询，到 Agent 完整接入。

Open Wot 的核心能力采用 MIT 许可证开放。按你的工作流选择 CLI 查询、Agent 完整接入，或直接参与项目共建。

01 / 查询方式

只用 CLI

不改变现有工作流，在终端里直接查询真实的组件知识。

  • 组件搜索与 API 查询
  • 文档、示例、变量与更新记录
  • JSON 或 Markdown 结构化输出
  • 离线版本解析
安装_CLI
推荐接入方式
02 / AGENT 工作流

完整接入 Agent

把离线知识层接入 AI 编程工具，让生成和问答都有真实上下文。

  • 包含全部终端查询能力
  • 8 个原生 MCP 工具
  • wot-ui-v2 Agent Skill
  • 托管的项目 Instructions
  • 支持 Cursor、Claude、VS Code、Codex
连接_AGENT
03 / 开源共建

参与项目共建

直接扩展数据管线、客户端适配器或组件知识模型。

  • 可审计的 TypeScript 源码
  • 可扩展客户端适配器
  • 版本化数据提取流程
  • 开放的社区贡献工作流
参与贡献
[ 06 / 等待输入 ]

少一点幻觉。
多一点可用界面。

只需接入一次，让每个 wot-ui 开发任务都拥有它需要的真实上下文。

开始初始化 在_GITHUB_点亮_STAR
命令已复制