القائمة
回答、生成、重构、排查 wot-ui v2 相关代码时使用。关键词：wot-ui、uni-app、Vue3、wd-、ConfigProvider、useToast、useDialog、Form、Popup、theme、llms-full。适用于组件选型、API 查询、示例页面生成、主题定制、常见坑排查。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
将用户项目从 Wot UI v1 迁移到 v2。用户要求升级 wot-design-uni 到 @wot-ui/ui、替换旧组件/旧 API、迁移表单校验体系、修复因 v2 不兼容变更导致的编译错误或运行时报错时调用。
指导安装、配置并使用 @wot-ui/unocss-preset。Invoke when 用户询问该预设的接入、配置、使用示例或常见问题排查。
回答、使用、调试 @wot-ui/cli 时使用。关键词：wot、@wot-ui/cli、CLI、MCP、doctor、usage、lint、list、info、doc、demo、token、changelog、extract、wot mcp。适用于命令查询、参数说明、MCP 接入、本地调试、数据提取与 open-wot 仓库维护。
为 wot-ui 生成单文件主题 SCSS，并在用户明确要求接入时追加 App.vue 的 `@use`。当用户要做品牌主题、语义变量落地、单文件主题接入时使用。
| name | wot-ui-v2 |
| description | 回答、生成、重构、排查 wot-ui v2 相关代码时使用。关键词：wot-ui、uni-app、Vue3、wd-、ConfigProvider、useToast、useDialog、Form、Popup、theme、llms-full。适用于组件选型、API 查询、示例页面生成、主题定制、常见坑排查。 |
| argument-hint | 组件名、页面场景、问题描述或主题定制需求 |
这个 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。