Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.
pinia
pinia is an open-source frontend skill for Claude Code and compatible agents, published by antfu. Its author describes it as: “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.”. The project has 5.8k stars on GitHub and is available under the MIT license. Add it to your setup with `git clone https://github.com/antfu/skills ~/.claude/skills/pinia`.
What pinia does
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.
Installation
Add pinia to your agent with:
git clone https://github.com/antfu/skills ~/.claude/skills/piniaAlways review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
What's inside
The SKILL.md for pinia is organised into these sections:
- Core References
- Features
- Extensibility
- Composability
- Best Practices
- Advanced
- Key Recommendations
When to use it
Reach for pinia when you want frontend help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Clear MIT license — safe to read and adapt
- Ships in antfu/skills, an established project with 5,770 GitHub stars
- Actively maintained (recent commits)
Topics
Frequently asked questions
- What does pinia 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 pinia?
- Run git clone https://github.com/antfu/skills ~/.claude/skills/pinia in your agent, then reload your skills. Review the source at https://github.com/antfu/skills before installing.
- Is pinia free to use?
- Yes. pinia is free and open source under the MIT license, so you can read, run, and adapt it within that license's terms.
- Where does pinia come from?
- pinia ships inside antfu/skills, a repository that contains 19 catalogued skills in total. The repository's 5,770 GitHub stars apply to that whole collection, not to this skill on its own.
Related skills
More Frontend →Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, code walkthroughs, teaching materials, or developer decks.
Bundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown. Use when building libraries, generating type declarations, bundling for multiple formats, or migrating from tsup.
UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.
Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.