Frontend
Skill
/vue-pinia-best-practices
Pinia stores, state management patterns, store setup, and reactivity with stores.
Claude Code
$ npx -y skills add vuejs-ai/skills --skill vue-pinia-best-practices --agent claude-code
Codex
$ npx skills add vuejs-ai/skills --skill vue-pinia-best-practices -a codex -y
Cursor
$ npx skills add vuejs-ai/skills --skill vue-pinia-best-practices -a cursor -y
Gemini CLI
$ npx skills add vuejs-ai/skills --skill vue-pinia-best-practices -a gemini-cli -y
GitHub Copilot
$ npx skills add vuejs-ai/skills --skill vue-pinia-best-practices -a github-copilot -y
OpenCode
$ npx skills add vuejs-ai/skills --skill vue-pinia-best-practices -a opencode -y
Windsurf
$ npx skills add vuejs-ai/skills --skill vue-pinia-best-practices -a windsurf -y
SKILL.md
vue-pinia-best-practices.SKILL.mdname: vue-pinia-best-practices description: "Pinia stores, state management patterns, store setup, and reactivity with stores." version: 1.0.0 license: MIT author: github.com/vuejs-ai
Pinia best practices, common gotchas, and state management patterns.
Store Setup
- Getting "getActivePinia was called" error at startup → See [pinia-no-active-pinia-error](reference/pinia-no-active-pinia-error.md)
- Setup stores missing state in DevTools or SSR → See [pinia-setup-store-return-all-state](reference/pinia-setup-store-return-all-state.md)
Reactivity
- Store destructuring stops updating UI reactively → See [pinia-store-destructuring-breaks-reactivity](reference/pinia-store-destructuring-breaks-reactivity.md)
- Store methods lose context in template calls → See [store-method-binding-parentheses](reference/store-method-binding-parentheses.md)
State Patterns
- Filters reset on refresh or can't be shared → See [state-url-for-ephemeral-filters](reference/state-url-for-ephemeral-filters.md)
- Building production app without DevTools or conventions → See [state-use-pinia-for-large-apps](reference/state-use-pinia-for-large-apps.md)
Stats
3,328
Stars
198
Forks
Active
Maintenance
MIT
License
Last commit
Created
Added
Ships withskills
Agent skills for Vue 3 development. 🚧 Early Experiment / Community Project This repository is an early experiment in creating specialized skills for AI agents to enhance Vue 3 development.
3.2k8 skills
Other skills on skills.
More skills from other plugins.
Auto-invoked
migrate-radix-to-base
Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert…
Auto-invoked
taste-skill
tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One…
Questions about vue-pinia-best-practices.
- Which coding agents can use vue-pinia-best-practices?
- vue-pinia-best-practices installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.

