Agent Skills
› uni-helper/skills
uni-helper/skills
GitHubVue 官方状态管理库 Pinia 的使用指南，涵盖 Store 定义、类型安全、插件扩展、组件通信及 SSR/Nuxt 集成等最佳实践。
Install All Skills
npx skills add uni-helper/skills --all -g -y
Skills in Collection (9)
Vue 官方状态管理库 Pinia 的使用指南，涵盖 Store 定义、类型安全、插件扩展、组件通信及 SSR/Nuxt 集成等最佳实践。
Vue 项目中需要管理全局或局部状态
使用 Pinia 定义 Store、Getters 或 Actions
配置 Vue 应用的跨组件数据共享
npx skills add uni-helper/skills --skill pinia -g -y
提供 uni-app 生态的 AI 开发工具参考，涵盖 Vite 插件、组件库、工具函数及脚手架，用于提升 uni-app 项目的开发效率与体验。
需要配置 uni-app Vite 构建环境
使用 uni-app 专用工具库或插件
初始化 uni-app 项目结构
npx skills add uni-helper/skills --skill uni-helper -g -y
提供 uni-app 跨平台开发框架的综合参考，涵盖 Vue.js 基础、核心组件、UI 组件、系统 API、配置管理及多端条件编译等知识，辅助开发者进行 iOS、Android、H5 及各类小程序应用开发。
需要编写 uni-app 跨平台应用代码
查询 uni-app 组件或 API 用法
解决多端兼容性问题
npx skills add uni-helper/skills --skill uni-app -g -y
UnoCSS原子化CSS引擎技能，用于配置UnoCSS、编写工具类规则、快捷方式及使用Wind/Icons等预设。支持Tailwind语法兼容及主题定制。
配置UnoCSS或相关配置文件
编写CSS工具类或快捷方式
使用UnoCSS预设如Wind或Icons
npx skills add uni-helper/skills --skill unocss -g -y
Vite 下一代前端构建工具技能，涵盖配置、CLI、插件生态及 TypeScript/JSX/CSS 支持。用于开发服务器配置、生产构建优化、HMR 调试及 SSR 部署等前端工程化任务。
配置 Vite 构建选项
添加或管理 Vite 插件
解决前端开发服务器 HMR 问题
执行生产环境代码构建
npx skills add uni-helper/skills --skill vite -g -y
Vue 3 最佳实践指南，涵盖响应式陷阱、性能优化及 Composition API 标准用法，辅助开发者避免常见错误。
Vue.js 项目开发
.vue 文件处理
Vue Router 或 Pinia 配置
npx skills add uni-helper/skills --skill vue-best-practices -g -y
提供 Vue 3.5+ 开发指南，涵盖 Composition API、组件通信、TypeScript 集成及高级特性，指导构建响应式用户界面。
需要创建或修改 Vue 组件
处理 Vue 响应式数据（ref/reactive）
使用 Vue Composition API
npx skills add uni-helper/skills --skill vue -g -y
为 Vue.js/Nuxt 项目提供 VueUse 组合式函数的选型与实施指南，指导 AI 优先使用标准库函数替代自定义代码，以提升代码的可读性、可维护性和性能。
开发 Vue.js 或 Nuxt 功能时
需要实现状态管理、异步处理或浏览器 API 交互时
npx skills add uni-helper/skills --skill vueuse-functions -g -y
审查前端UI代码是否符合Web界面指南，支持检查可访问性、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
