uview-pro

name: uview-pro description: "uView Pro 组件库完整技能集。Invoke when user needs to use uView Pro components, tools, hooks or layouts in uni-app project."

uView Pro 技能文档

触发条件

当用户有以下需求时，自动调用相应技能：

快速命令格式

uview {category} {name}    # 快速访问指定技能
uview button               # 访问按钮组件
uview theme                # 访问主题配置
uview useTheme             # 访问主题钩子

关键词触发

以下关键词会自动触发对应技能：

组件类关键词

• 动作面板, actionSheet → actionSheet 技能
• 警告提示, alertTips → alertTips 技能
• 头像, avatar → avatar 技能
• 返回顶部, backTop → backTop 技能
• 徽标, badge → badge 技能
• 按钮, button → button 技能
• 日历, calendar → calendar 技能
• 卡片, card → card 技能
• 单元格, cell → cell 技能
• 复选框, checkbox → checkbox 技能
• 折叠面板, collapse → collapse 技能
• 颜色, color → color 技能
• ...

工具类关键词

• 颜色, color → color 技能
• 颜色转换, colorSwitch → colorSwitch 技能
• 防抖, debounce → debounce 技能
• 深克隆, deepClone → deepClone 技能
• 深度合并, deepMerge → deepMerge 技能
• 快速使用, fastUse → fastUse 技能
• 获取元素尺寸, getRect → getRect 技能
• GUID生成, guid → guid 技能
• MD5加密, md5 → md5 技能
• 小程序分享, mpShare → mpShare 技能
• ...

钩子类关键词

• 颜色管理, color → useColor 技能
• 防抖钩子, debounce → useDebounce 技能
• 国际化, locale → useLocale 技能
• 模态框钩子, modal → useModal 技能
• 主题管理, theme → useTheme 技能
• 节流钩子, throttle → useThrottle 技能
• 轻提示钩子, toast → useToast 技能

技能分类索引

指南类 Skills (11)

• codeHint - 代码提示(codeHint)
• customIcon - 自定义图标(customIcon)
• customStyle - 自定义样式(customStyle)
• customTheme - 自定义主题(customTheme)
• demo - 示例(demo)
• design - 设计(design)
• faq - 常见问题(faq)
• llms - LLMs说明(llms)
• note - 注意事项(note)
• skills - 技能说明(skills)
• theme - 主题配置(theme)

组件类 Skills (86)

• actionSheet - 动作面板(actionSheet)
• alertTips - 警告提示(alertTips)
• avatar - 头像(avatar)
• avatarCropper - avatarCropper
• backTop - 返回顶部(backTop)
• badge - 徽标(badge)
• button - 按钮(button)
• calendar - 日历(calendar)
• card - 卡片(card)
• cell - 单元格(cell)
• checkbox - 复选框(checkbox)
• circleProgress - circleProgress
• collapse - 折叠面板(collapse)
• color - 颜色(color)
• common - common
• configProvider - configProvider
• countDown - countDown
• countTo - countTo
• divider - 分割线(divider)
• dropdown - 下拉菜单(dropdown)
• ... 更多组件请查看 references/components/

工具类 Skills (17)

• color - 颜色(color)
• colorSwitch - 颜色转换(colorSwitch)
• debounce - 防抖(debounce)
• deepClone - 深克隆(deepClone)
• deepMerge - 深度合并(deepMerge)
• fastUse - 快速使用(fastUse)
• getRect - 获取元素尺寸(getRect)
• guid - GUID生成(guid)
• md5 - MD5加密(md5)
• mpShare - 小程序分享(mpShare)
• queryParams - 查询参数(queryParams)
• random - 随机数(random)
• randomArray - 随机数组(randomArray)
• route - 路由跳转(route)
• test - 正则测试(test)
• time - 时间处理(time)
• trim - 字符串修剪(trim)

钩子类 Skills (7)

• useColor - 颜色管理(useColor)
• useDebounce - 防抖钩子(useDebounce)
• useLocale - 国际化(useLocale)
• useModal - 模态框钩子(useModal)
• useTheme - 主题管理(useTheme)
• useThrottle - 节流钩子(useThrottle)
• useToast - 轻提示钩子(useToast)

布局类 Skills (10)

• address - 地址(address)
• citySelect - 城市选择(citySelect)
• comment - 评论(comment)
• coupon - 优惠券(coupon)
• keyboardPay - 键盘支付(keyboardPay)
• login - 登录(login)
• menu - 菜单(menu)
• order - 订单(order)
• submitBar - 提交栏(submitBar)
• wxCenter - 微信个人中心(wxCenter)

使用示例

示例 1: 使用按钮组件

User: 如何在页面中添加一个主要按钮？
→ 调用 button 技能，提供 type="primary" 示例

示例 2: 配置主题

User: 我想切换暗黑模式
→ 调用 useTheme 钩子技能，提供 toggleTheme 示例

示例 3: 使用工具函数

User: 如何生成一个随机数？
→ 调用 random 工具技能，提供使用示例

技能格式说明

每个技能文档都包含以下内容：

• name: 技能的唯一标识符
• description: 技能的功能描述和触发条件
• url: 官方文档链接
• triggers: 触发关键词列表
• 详细说明: 包含平台差异、基本使用、API文档等
• 示例代码: 提供完整的使用示例

贡献

如果您发现技能文档有问题或需要更新，请提交PR进行改进。