Official guide and API reference for the wot-ui component library within uni-app projects.
Install
mkdir -p .claude/skills/wot-ui && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/2912" && unzip -o skill.zip -d .claude/skills/wot-ui && rm skill.zipInstalls to .claude/skills/wot-ui
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
wot-ui uni-app 组件库开发指南。当用户询问 wot-ui 组件使用、配置、示例或 API 时使用此技能。Key capabilities
- →Implement specific wot-ui components
- →Configure global Provider or themes
- →Troubleshoot component behavior issues
- →Find props, events, and slots API reference
- →Use components like Calendar, Checkbox, Input, Button, and Popup
How it works
This skill provides expertise for developing applications using the wot-ui component library. It directs users to detailed documentation for each component, including props, events, and slots.
Inputs & outputs
When to use wot-ui
- →Implement wot-ui form components
- →Configure global theme providers
- →Troubleshoot component behavior
About this skill
wot-ui
此技能提供使用 wot-ui 组件库开发应用程序的专业知识。
何时使用
当用户需要以下帮助时使用此技能：
- 实现特定的 wot-ui 组件（例如，“如何使用 Calendar 日历组件？”）
- 配置全局 Provider 或主题
- 排查组件行为问题
- 查找 props、events 和 slots 的 API 参考
组件参考
references/ 目录包含每个组件的详细文档。当用户询问特定组件时，请检查 references/ 中对应的 markdown 文件。
基础 (Basic)
- introduction.md, quick-use.md, common-problems.md, custom-theme.md
- button.md, cell.md, config-provider.md, icon.md, img.md, layout.md, popup.md, resize.md, transition.md
表单 (Form)
- calendar.md, calendar-view.md
- checkbox.md
- col-picker.md
- datetime-picker.md, datetime-picker-view.md
- form.md
- input.md, input-number.md, password-input.md, textarea.md
- keyboard.md, number-keyboard.md
- picker.md, picker-view.md
- radio.md
- rate.md
- search.md
- select-picker.md
- signature.md
- slider.md
- switch.md
- upload.md, img-cropper.md
- slide-verify.md
反馈 (Action)
- action-sheet.md, curtain.md, drop-menu.md, overlay.md, popover.md, swipe-action.md
- message-box.md, notify.md, toast.md, loading.md
- tooltip.md
- fab.md, floating-panel.md
展示 (Display)
- avatar.md, badge.md, tag.md
- card.md, circle.md, divider.md
- collapse.md
- count-down.md, count-to.md
- grid.md, table.md
- notice-bar.md, status-tip.md
- progress.md, steps.md
- segmented.md
- skeleton.md
- sort-button.md
- swiper.md
- text.md
- tour.md
- watermark.md
- root-portal.md
- gap.md
导航 (Navigation)
组合式函数 (Composables)
其他 (Other)
使用模式
- 识别组件: 确定用户感兴趣的组件。
- 查阅参考: 阅读
references/<component-name>.md中的具体组件文档。 - 提供示例: 使用文档中的示例来指导用户。确保证严格遵守参考中定义的 API（props, events）。
最佳实践
- 类型: 使用文档中显示的正确 TypeScript 接口。
- v-model: 注意支持
v-model双向绑定的组件。 - 事件: 注意某些事件可能具有特定参数（例如
{ item, index }）。
How it compares
This skill offers direct access to wot-ui component documentation and usage patterns, unlike searching through general uni-app documentation.
Compared to similar skills
wot-ui side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| wot-ui (this skill) | 2 | 6mo | Review | Beginner |
| svelte-expert | 11 | 9mo | No flags | Intermediate |
| writing-registry-meta | 5 | 7mo | No flags | Beginner |
| docs-demo | 3 | 2mo | No flags | Beginner |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
svelte-expert
Raudbjorn
Expert Svelte/SvelteKit development assistant for building components, utilities, and applications. Use when creating Svelte components, SvelteKit applications, implementing reactive patterns, handling state management, working with stores, transitions, animations, or any Svelte/SvelteKit development task. Includes comprehensive documentation access, code validation with svelte-autofixer, and playground link generation.
writing-registry-meta
siriwatknp
Use this skill when writing meta file for MUI Treasury registry.
docs-demo
remotion-dev
Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.
vitepress
antfu
VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.
port-from-bslib
posit-dev
Comprehensive guide for porting UI components from R's bslib package to py-shiny. Use this skill when: (1) User asks to "port this feature" or "port a component" and mentions bslib or links to a bslib PR (e.g., github.com/rstudio/bslib/pull/...), (2) Porting a new component from bslib to py-shiny, (3) Adding a new input, output, or UI component that exists in bslib, (4) Implementing feature parity with bslib, (5) Working on bslib-related features or components. Covers the complete workflow including understanding source implementation, creating Python equivalents, vendoring assets (SCSS, CSS, JavaScript), creating tests, documentation, and all necessary project files.
webf-api-compatibility
openwebf
Check Web API and CSS feature compatibility in WebF - determine what JavaScript APIs, DOM methods, CSS properties, and layout modes are supported. Use when planning features, debugging why APIs don't work, or finding alternatives for unsupported features like IndexedDB, WebGL, float layout, or CSS Grid.