大家好,我是不如摸鱼去,Wot UI 的"主理人",欢迎来到我的 Wot UI 分享专栏。
众所周知,Wot UI 是一个 AI 友好型的组件库,本指南旨在介绍如何让 VSCode、Cursor、TRAE、Antigravity 等 AI 工具更好地理解 Wot UI 组件库。
llms.txt

llms.txt 是一个专为大型语言模型(Large Language Models,简称 LLMs)设计的文本文件,类似于 robots.txt,但目的不同。robots.txt 告诉搜索引擎爬虫哪些页面可以爬取,而 llms.txt 则是为 AI 工具提供网站内容的结构化信息,帮助 AI 更好地理解和索引网站内容。llms.txt 的名称中的 "llms" 代表 "Large Language Models",表明这个文件是专门为大型语言模型设计的。它包含了项目的关键文档链接、代码示例和最佳实践,能够帮助 VSCode、Cursor、TRAE、Antigravity 等 AI 工具更好地理解 Wot UI 组件库。
🔗 llms.txt 官网
https://llmstxt.org/
可用资源
我们提供 2 个 llms.txt 路由来帮助 AI 工具访问文档:
-
llms.txt - 包含所有组件及其文档链接的结构化概览
🔗 llms.txt
https://wot-ui.cn/llms.txt -
llms-full.txt - 提供包含实现细节和示例的完整文档
🔗 llms-full.txt
https://wot-ui.cn/llms-full.txt
在 AI 工具中使用
Cursor

在 Cursor 中找到 Indexing & Docs 设置,并将 llms.txt 添加到 Docs 中,使用 @Docs 功能将 llms.txt 文件包含到您的项目中。
🔗 详细了解 Cursor 中的 @Docs 功能
https://cursor.com/docs/agent/tools/search
TRAE
在 TRAE 中找到 上下文/文档集 设置,并将 llms.txt 添加到 文档集 中,使用 #Docs 功能将 llms.txt 文件包含到您的项目中。
🔗 详细了解 TRAE 中的 #Docs 功能
https://docs.trae.ai/ide/number-sign
其他工具
任何支持 llms.txt 标准或可以从 URL 摄取文档的工具都可以使用我们提供的 llms.txt 文件。你可以将 llms.txt 文件添加到你使用的工具的 文档集、rules 中,以帮助 AI 工具更好地理解 Wot UI 组件库。
context7
在不使用 llms.txt 的情况下,也可以使用 context7 直接读取组件库文档。
🔗 详细了解 context7
https://github.com/upstash/context7
Skills

Skills 是 AI 的"超能力模板",是一套完整的、可复用的、能解决特定问题的方案,Wot UI 也提供了一些预定义的 Skills,你可以直接在 AI 中使用。
🔗 Wot UI Skills
https://skills.sh/?q=wot-ui
可用资源
-
skills.sh - 开放 Agent Skills 生态系统,收录了无数 skills,包含 Wot UI 相关的技能。
🔗 skills.sh
https://skills.sh/?q=wot-ui -
wot-starter - Wot UI 提供的快速上手模板,包含 Wot UI 相关的技能。
🔗 wot-starter
https://starter.wot-ui.cn/guide/skills.html
在 AI 工具中使用
推荐使用脚本安装 Skills,可以根据实际需求选择 Skills 的安装选项:
sh
npx skills add https://github.com/wot-ui/wot-starter --skill wot-ui
参考文章
-
llms.txt:让 AI 更好地理解你的文档
🔗 阅读原文
https://juejin.cn/post/7500981295105015847 -
Agent Skills、Rules、Prompt、MCP,一文把它们理清楚了
🔗 阅读原文
https://juejin.cn/post/7599268297201958950