메뉴
回答、生成、重构、排查 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。