Agent skill · Frontend

pinia

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.

antfugithub.com/antfuGitHub ↗
claude-codeMIT
Install
npx skills add antfu/skills --skill pinia --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 11
SKILL.md size: 3 KB
Bundled scripts: none
Version: 2026.1.28
Declared author: Anthony Fu
Path: skills/pinia/SKILL.md
Open the folder on GitHub →
Where it comes from
Source: antfu/skills
Stars: 5,709
Language: TypeScript
Read our review of the source →

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# 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](references/core-stores.md) | ## Features ### Extensibility | Topic | Description | Reference | |-------|-------------|-----------| | Plugins | Extend stores with custom properties, state, and behavior | [features-plugins](references/features-plugins.md) | ### Composability | Topic | Description | Reference | |-------|-------------|-----------| | Composables | Using Vue composables within stores (VueUse, etc.) | [features-composables](references/features-composables.md) | | Composing Stores | Store-to-store communication, avoiding circular dependencies | [features-composing-stores](references/features-composing-stores.md) | ## Best Practices | Topic | Description | Reference | |-------|-------------|-----------| | Test

What's inside
Steps it walks through
  1. Core References
  2. Features
  3. Extensibility
  4. Composability
  5. Best Practices
  6. Advanced
  7. Key Recommendations
Ships with 10 files
  • GENERATION.md
  • references/advanced-hmr.md
  • references/advanced-nuxt.md
  • references/advanced-ssr.md
  • references/best-practices-outside-component.md
  • references/best-practices-testing.md
  • references/core-stores.md
  • references/features-composables.md
  • references/features-composing-stores.md
  • references/features-plugins.md
More from skills
All skills →
About this skill
What does the pinia skill do?

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.

How do I install it?

Run `npx skills add antfu/skills --skill pinia --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From antfu/skills, a repository with 5,709 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going