uni-app 组件库 Wot UI 的 AI 友好型编程指南

大家好,我是不如摸鱼去,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

相关推荐
回眸&啤酒鸭2 天前
【回眸】Minicart 电商购物车核心功能落地指南
人工智能
一隅论数智2 天前
给AI一张“业务概念地图“:本体如何从哲学走向企业智能
大数据·人工智能·经验分享·笔记·学习·学习方法·政务
AI的探索之旅2 天前
97 个 OpenCV 实例(三十):双目立体,从标定到点云
人工智能·opencv·计算机视觉
AlbertZein2 天前
Step-5-Preview 上手实测:3D 游戏、金融分析、网页设计一次跑完
人工智能·aigc
LaughingZhu2 天前
Product Hunt 每日热榜 | 2026-09-19
人工智能·深度学习·神经网络·搜索引擎·百度
美狐美颜SDK开放平台2 天前
开发直播APP时如何接入视频美颜SDK?开发流程与注意事项
android·人工智能·计算机视觉·音视频·直播美颜sdk
大蓝头2 天前
安装包UI美化之路-nsNiuniuSkin全新UI调试与预览方法
ui·electron·安装包·截图控件·截屏控件
wukangjupingbb2 天前
智能网联汽车安全能力框架
人工智能
龙亘川2 天前
明月照湾区,智启新赛道:从顶流文旅IP盛会看智慧文旅升级路径
人工智能·智慧城市·开源软件·数据可视化