Agent Skills
› uni-helper/skills
uni-helper/skills
GitHubPinia是Vue官方状态管理库,提供类型安全且可扩展的状态管理方案。涵盖Store定义、插件扩展、组合式API集成及测试最佳实践,适用于Vue应用中的全局状态管理与逻辑组织。
Install All Skills
npx skills add uni-helper/skills --all -g -y
Skills in Collection (9)
Pinia是Vue官方状态管理库,提供类型安全且可扩展的状态管理方案。涵盖Store定义、插件扩展、组合式API集成及测试最佳实践,适用于Vue应用中的全局状态管理与逻辑组织。
需要为Vue应用创建或配置全局状态管理
在Vue组件外使用状态或进行状态相关测试
解决Vue应用中跨组件数据共享问题
npx skills add uni-helper/skills --skill pinia -g -y
uni-helper生态的AI开发工具参考,涵盖Vite插件、库和实用程序,用于增强uni-app开发体验。
询问uni-app Vite插件配置
查询uni-use或uni-network用法
了解uni-app脚手架使用
npx skills add uni-helper/skills --skill uni-helper -g -y
提供 uni-app 跨平台开发参考,涵盖 Vue.js 基础、核心组件、UI/API 功能及多端配置,支持 iOS/Android/H5/小程序等平台。
询问 uni-app 组件用法
配置 pages.json 或 manifest.json
解决跨平台兼容性问题
使用 uni-app API
npx skills add uni-helper/skills --skill uni-app -g -y
UnoCSS 原子化 CSS 引擎技能,支持配置、规则、预设及 Tailwind 兼容。用于编写样式、自定义预设及处理主题变体,提升前端开发效率。
配置 UnoCSS
编写原子化 CSS 类
使用 Preset 如 Wind 或 Icons
npx skills add uni-helper/skills --skill unocss -g -y
Vite 下一代前端构建工具技能,涵盖配置、插件、HMR、生产构建及 SSR 等核心功能,用于优化开发体验与构建流程。
配置 Vite
添加插件
启动开发服务器
执行生产构建
npx skills add uni-helper/skills --skill vite -g -y
提供Vue 3最佳实践,涵盖响应式陷阱、性能优化及Composition API标准用法。指导处理ref/reactive、计算属性与监听器常见问题,确保代码规范与高效开发。
需要遵循Vue 3编码规范
解决响应式数据丢失或更新异常
优化组件渲染性能
使用Composition API重构Options API
npx skills add uni-helper/skills --skill vue-best-practices -g -y
Vue.js 3.5+ 前端开发技能,涵盖 Composition API、组件通信、TypeScript 集成及最佳实践,用于构建用户界面。
构建 Vue 组件
使用响应式系统
实现 Composition API
npx skills add uni-helper/skills --skill vue -g -y
Vue.js/Nuxt开发中推荐优先使用VueUse组合式函数,提供决策指南与调用规范,提升代码简洁性、可维护性和性能。
在Vue.js或Nuxt项目中实现功能需求
用户询问如何管理状态、处理异步或本地存储
npx skills add uni-helper/skills --skill vueuse-functions -g -y
审查UI代码是否符合Web界面指南,支持检查可访问性、UX及最佳实践。通过Fetch获取最新规则并输出文件行级问题。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add uni-helper/skills --skill web-design-guidelines -g -y


