Agent Skills
› uni-helper/skills
uni-helper/skills
GitHubPinia是Vue官方状态管理库,支持类型安全与扩展性。涵盖Store定义、状态/动作处理、插件扩展、组合式API集成、测试及SSR/Nuxt高级用法,提供最佳实践与开发建议。
Install All Skills
npx skills add uni-helper/skills --all -g -y
Skills in Collection (9)
Pinia是Vue官方状态管理库,支持类型安全与扩展性。涵盖Store定义、状态/动作处理、插件扩展、组合式API集成、测试及SSR/Nuxt高级用法,提供最佳实践与开发建议。
需要为Vue应用定义或配置Pinia Store
处理Vue中的全局状态、Getters或Actions
实现Store间的通信或避免循环依赖
在Nuxt或SSR环境中集成Pinia
对Pinia Store进行单元测试或Mock
npx skills add uni-helper/skills --skill pinia -g -y
提供 uni-helper 生态系统的全面参考,涵盖 Vite 插件、工具库、实用程序及项目模板,旨在通过 AI 辅助开发工具增强 uni-app 的开发体验与效率。
询问 uni-app 开发配置或最佳实践
需要查找 uni-helper 相关插件和库的使用说明
查询 vite.config.ts 中 uni-helper 插件的正确加载顺序
npx skills add uni-helper/skills --skill uni-helper -g -y
提供 uni-app 跨平台开发的全面参考,涵盖核心框架、UI/API组件、配置及多端支持。适用于 iOS/Android/H5/鸿蒙及各类小程序开发,辅助进行条件编译、页面路由、网络请求等场景的代码生成与问题解决。
需要编写 uni-app 跨平台应用代码
查询 uni-app 组件或 API 用法
配置 pages.json 或 manifest.json
处理多端条件编译逻辑
npx skills add uni-helper/skills --skill uni-app -g -y
UnoCSS原子化CSS引擎技能,作为Tailwind超集。用于配置UnoCSS、编写规则/快捷方式及使用预设。使用前需检查配置文件以了解可用功能,不确定时仅使用基础class。
需要配置 UnoCSS
编写 UnoCSS 工具类或快捷方式
使用 Wind、Icons、Attributify 等预设
npx skills add uni-helper/skills --skill unocss -g -y
基于Vite 6.x的前端构建工具技能,涵盖配置、CLI、插件、HMR、SSR及生产构建等核心功能,适用于开发服务器配置、插件集成及优化构建流程。
配置 Vite 项目
添加或管理 Vite 插件
调整开发服务器选项
执行生产环境构建
处理 TypeScript 或 CSS 预处理器
npx skills add uni-helper/skills --skill vite -g -y
Vue.js最佳实践指南,强制推荐Composition API与TypeScript。涵盖响应式陷阱、Computed性能优化及Watchers异步处理等常见问题,适用于Vue 3生态开发。
Vue.js任务
.vue文件编辑
Vue Router配置
Pinia状态管理
Vite构建配置
npx skills add uni-helper/skills --skill vue-best-practices -g -y
基于 Vue 3.5+ 的 Skill,涵盖 Composition API、响应式系统、组件开发(Props/Slots/v-model)、TypeScript 集成及高级特性。推荐 script setup 和 ref 用法,用于构建高效 Vue 应用。
构建 Vue 组件
使用响应式 API (ref, reactive)
实现 Composition API 模式
Vue 类型安全开发
npx skills add uni-helper/skills --skill vue -g -y
提供VueUse组合式函数的决策与实施指南,将需求映射至最佳函数,优先使用可复用组件而非定制代码,确保Vue/Nuxt项目的简洁性、可维护性与性能。
在Vue.js或Nuxt项目中开发功能
需要实现响应式状态、异步处理或本地存储等常见需求
用户明确要求使用VueUse库
npx skills add uni-helper/skills --skill vueuse-functions -g -y
用于审查Web界面代码是否符合设计规范。通过获取最新指南,检查指定文件的合规性,并以简洁格式输出结果,适用于UI、无障碍及UX审计场景。
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


