回答、生成、重构、排查 wot-ui v2 相关代码时使用。关键词:wot-ui、uni-app、Vue3、wd-、ConfigProvider、useToast、useDialog、Form、Popup、theme、llms-full。适用于组件选型、API 查询、示例页面生成、主题定制、常见坑排查。
这个 skill 用于让 Agent 在处理 wot-ui v2 相关任务时,优先采用组件库既有能力、遵守 uni-app 场景限制,并结合本仓库提供的 wot CLI 查询离线知识。
wd-* 组件的基础用法、属性、事件、插槽或样式变量。uni-app + Vue 3 + TypeScript 的 wot-ui 页面或组件代码。ConfigProvider、主题变量、暗黑模式、国际化、反馈类 hooks、表单等场景下给出正确做法。Toast、Dialog、Popup、Tabs、Slider、样式覆盖问题。@use”的结构生成时。wd-* 组件、hooks、主题变量与组合模式,不要退化成原生标签堆砌。src/themes/styles/{主题名}.scss 单文件主题,并把挂载逻辑收进主题文件,优先切换到 create-wot-ui-theme skill。wot list 找组件名。wot info <Component> 看 props、events、slots、CSS 变量。wot demo <Component> 看 demo 名称或具体 demo 代码。wot doc <Component> 看完整 markdown 文档。wot token <Component> 看主题变量。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。