SkillsAdd

antfu/skills

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.

All-time #1051 Trending #2305 Hot #3824 First seen Jan 28, 2026
8-week activity · all time api

Installation

$ npx skills add antfu/skills --skill pinia
View on skills.sh ↗ GitHub repository ↗

Summary

  • Type-safe Vue state management with intuitive store patterns and first-class TypeScript support.
  • Supports both Options API and Composition API styles, with built-in devtools integration for debugging Core capabilities include defining stores with state, getters, actions, subscriptions, and store-to-store composition Extensible via plugins to add custom properties and behavior across stores Includes testing utilities via @pinia/testing for mocking and stubbing, plus SSR and Nuxt integration with state hydration Hot module replacement support for seamless development workflow

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

unit-test-vue-pinia Similar name
github/awesome-copilot

Write and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases.

1.8K installs
vue-pinia-best-practices Similar name
vuejs-ai/skills

Pinia stores, state management patterns, store setup, and reactivity with stores.

14.6K installs
pinia Similar name
uni-helper/skills

Pinia official Vue state management library, type-safe and extensible. Use when defining stores…

633 installs

Security audits

Partner security reviews for this skill.

agent-trust-hub SAFE

Analyzed Feb 17, 2026

This skill provides comprehensive documentation and best practices for the Pinia state management library. It includes standard installation commands, code snippets, and security recommendations such as using the 'devalue' library to prevent XSS during SSR hydration. No malicious patterns were detected.

snyk LOW

Analyzed Feb 17, 2026

No issues detected.

socket Score 0.9000 · 0 alerts

Analyzed Mar 18, 2026

  • license 1
  • maintenance 1
  • quality 0.9
  • supply chain 1
  • vulnerability 1

0 alerts

Also in this package

Other skills from antfu/skills · top by installs.

npx skills add antfu/skills
vitest 35.1K vite 34.9K vue 33.3K vue-best-practices 22.9K nuxt 22.4K vueuse-functions 21.1K pnpm 20.4K web-design-guidelines 18.9K vue-router-best-practices 18.4K vue-testing-best-practices 16.8K

Browse all from antfu/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 5.9K
License LICENSE.md
Default branch main
Open issues 9
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Version2026.1.28
More metadata
author
Anthony Fu
version
2026.1.28
source
Generated from https://github.com/vuejs/pinia, scripts located at https://github.com/antfu/skills

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,719 B
  • docs SUMMARY.md 186 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 18,000 installs

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
Testing Unit testing with @pinia/testing, mocking, stubbing [best-practices-testing](references/best-practices-testing.md)
Outside Components Using stores in navigation guards, plugins, middlewares [best-practices-outside-component](references/best-practices-outside-component.md)

Advanced

Topic Description Reference
SSR Server-side rendering, state hydration [advanced-ssr](references/advanced-ssr.md)
Nuxt Nuxt integration, auto-imports, SSR best practices [advanced-nuxt](references/advanced-nuxt.md)
HMR Hot module replacement for development [advanced-hmr](references/advanced-hmr.md)

Key Recommendations

  • Prefer Setup Stores for complex logic, composables, and watchers
  • Use storeToRefs() when destructuring state/getters to preserve reactivity
  • Actions can be destructured directly - they're bound to the store
  • Call stores inside functions not at module scope, especially for SSR
  • Add HMR support to each store for better development experience
  • Use @pinia/testing for component tests with mocked stores