Wot Ui V2

作者 wot-uid60d2f7beb631b791f651529b8936ac1381eccdd無授權條款收錄於 2026年10月9日更新於 2026年10月9日

回答、生成、重构、排查 wot-ui v2 相关代码时使用。关键词：wot-ui、uni-app、Vue3、wd-、ConfigProvider、useToast、useDialog、Form、Popup、theme、llms-full。适用于组件选型、API 查询、示例页面生成、主题定制、常见坑排查。

僅含說明Software Development

AI 產生的概覽

指導代理在 uni-app 與 Vue 3 環境下回答、產生、重構及排查 wot-ui v2 程式碼。

功能: 此技能讓代理在處理相關任務時優先沿用 wot-ui v2 元件庫既有能力，並遵守 uni-app 情境限制。內容涵蓋元件選用、API 查詢、範例頁面產生、主題客製與常見陷阱排查。它訂出透過 wot CLI（list、info、demo、doc、token）的查詢順序，並指向隨附的參考概覽文件。
適用情境: 當使用者詢問某個 wd-* 元件的基礎用法、屬性、事件、插槽或樣式變數，或需要產生、重構 wot-ui 頁面與元件程式碼時使用。也適用於 ConfigProvider、主題變數、暗黑模式、國際化、回饋類 hooks 與表單情境，以及排查 Toast、Dialog、Popup、Tabs、Slider 與樣式覆寫等常見問題。
執行需求: 僅為說明文件，不含指令碼。它依賴 wot CLI 或 MCP 工具取得離線元件知識，並以 uni-app + Vue 3 + TypeScript 專案環境為前提；同時引用隨附的概覽文件。

Wot UI V2 Skill

这个 skill 用于让 Agent 在处理 wot-ui v2 相关任务时，优先采用组件库既有能力、遵守 uni-app 场景限制，并结合本仓库提供的 wot CLI 查询离线知识。

适用场景

用户询问某个 wd-* 组件的基础用法、属性、事件、插槽或样式变量。
需要生成或重构 uni-app + Vue 3 + TypeScript 的 wot-ui 页面或组件代码。
需要在 ConfigProvider、主题变量、暗黑模式、国际化、反馈类 hooks、表单等场景下给出正确做法。
需要排查文档中常见的 Toast、Dialog、Popup、Tabs、Slider、样式覆盖问题。
用户只是泛化地提到主题定制，但还没有明确要求按“单文件主题 SCSS + App.vue 只 @use”的结构生成时。

查询顺序

wot list 找组件名。
wot info <Component> 看 props、events、slots、CSS 变量。
wot demo <Component> 看 demo 名称或具体 demo 代码。
wot doc <Component> 看完整 markdown 文档。
wot token <Component> 看主题变量。

工作规则

默认把 wot-ui 视为 uni-app + Vue 3 + TypeScript 组件库。
写页面时优先输出 script setup 风格。
反馈类能力如 useToast、useDialog、useNotify、useImagePreview、useVideoPreview，除了 hook 调用外，通常还需要页面内显式声明对应组件实例。
文档里经常出现 @/uni_modules/wot-ui 导入路径；如果用户项目采用 npm 安装，应切换成 @wot-ui/ui。
主题定制优先走 ConfigProvider 和 CSS 变量，不优先建议深度覆盖内部类名。
生成代码时尽量沿用组件库文档里的命名和交互模式，例如 v-model:visible、before-confirm、confirm、change、custom-class、custom-style。