open-wot

让AI真正懂wot-ui组件库,提供离线API、文档和示例知识。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:open-wot。
它的用途是:让AI真正懂wot-ui组件库,提供离线API、文档和示例知识。
完整的 Skill 内容见:https://321skill.com/skills/open-wot/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“帮我用wot-ui的Button组件写一个提交按钮,要显示加载状态。” 它会先通过Open Wot查询Button组件的真实props(如`loading`)和events,然后生成准确且符合项目当前wot-ui版本的Vue代码。或者,你可以直接在终端运行 `wot info Table` 来快速查看表格组件的所有API和插槽说明。

介绍

Open Wot 是一个旨在解决AI在开发时对Vue组件库wot-ui认知不足问题的工具集。它通过将wot-ui v2的组件API、文档、示例和版本变更打包成离线知识库,为AI编程助手(如Cursor、Claude Code)提供准确的上下文,从而避免AI生成不存在的属性或与项目版本不匹配的代码。

使用方式非常便捷。开发者通过简单的CLI命令(如 wot agent init --client cursor)即可在当前项目中接入Open Wot。它会自动配置MCP(Model Context Protocol)服务器、安装对应的Skill,并写入项目级的Instructions(指令),让AI助手在编写代码时能够主动查询和使用真实的组件信息。

该工具非常适合所有使用wot-ui组件库进行Vue.js开发的前端工程师和全栈开发者。无论是日常开发、快速原型构建,还是指导AI助手生成代码,它都能显著提升开发效率和代码准确性。

建议在Node.js >= 20的环境中使用。配置完成后,重启你的AI客户端(如Cursor),并根据提示信任项目或批准MCP Server。对于多客户端项目,可以使用 --client all 参数一次性配置。

核心特点

与同类仅提供文档链接或简单提示词的Skill不同,Open Wot的核心在于提供“离线、精确、版本对齐”的组件知识。它直接对接npm包发布的离线数据,无需网络API或密钥,并能自动识别或指定项目依赖的wot-ui版本,确保AI生成的代码与项目环境完全匹配。

注意事项

仅支持wot-ui v2组件库,且需要Node.js >= 20的运行环境。

常见问题

支持哪些AI客户端?

支持 Claude Code、Cursor、VS Code 和 Codex,可通过 `--client` 参数指定。

配置会影响现有项目吗?

配置是幂等且安全的,`init` 不会重复插入,`remove` 只移除它自己管理的内容,不覆盖用户的其他配置。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/open-wot/raw/index.md 读取 open-wot 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。