Agent Skills › uni-helper/skills › pinia

pinia

GitHub

Pinia是Vue官方状态管理库，支持类型安全与扩展性。涵盖Store定义、状态/动作处理、插件扩展、组合式API集成、测试及SSR/Nuxt高级用法，提供最佳实践与开发建议。

skills/pinia/SKILL.md uni-helper/skills

触发场景

需要为Vue应用定义或配置Pinia Store 处理Vue中的全局状态、Getters或Actions 实现Store间的通信或避免循环依赖在Nuxt或SSR环境中集成Pinia 对Pinia Store进行单元测试或Mock

安装

npx skills add uni-helper/skills --skill pinia -g -y

更多选项

不安装直接使用

npx skills use uni-helper/skills@pinia

指定 Agent (Claude Code)

npx skills add uni-helper/skills --skill pinia -a claude-code -g -y

安装 repo 全部 skill

npx skills add uni-helper/skills --all -g -y

预览 repo 内 skill

npx skills add uni-helper/skills --list

SKILL.md

Frontmatter

{
    "name": "pinia",
    "metadata": {
        "author": "Anthony Fu",
        "source": "Generated from https:\/\/github.com\/vuejs\/pinia, scripts located at https:\/\/github.com\/antfu\/skills",
        "version": "2026.1.28"
    },
    "description": "Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state\/getters\/actions, or implementing store patterns in Vue apps."
}

Pinia

Pinia is the official state management library for Vue, designed to be intuitive and type-safe. It supports both Options API and Composition API styles, with first-class TypeScript support and devtools integration.

The skill is based on Pinia v3.0.4, generated at 2026-01-28.

Core References

Topic	Description	Reference
Stores	Defining stores, state, getters, actions, storeToRefs, subscriptions	core-stores

Features

Extensibility

Topic	Description	Reference
Plugins	Extend stores with custom properties, state, and behavior	features-plugins

Composability

Topic	Description	Reference
Composables	Using Vue composables within stores (VueUse, etc.)	features-composables
Composing Stores	Store-to-store communication, avoiding circular dependencies	features-composing-stores

Best Practices

Topic	Description	Reference
Testing	Unit testing with @pinia/testing, mocking, stubbing	best-practices-testing
Outside Components	Using stores in navigation guards, plugins, middlewares	best-practices-outside-component

Advanced

Topic	Description	Reference
SSR	Server-side rendering, state hydration	advanced-ssr
Nuxt	Nuxt integration, auto-imports, SSR best practices	advanced-nuxt
HMR	Hot module replacement for development	advanced-hmr