charles5277/pinia
template/.claude/skills/pinia/SKILL.md
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.
$ install --global
skillsauthnpx skillsauth add charles5277/nuxt-supabase-starter piniaInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 17, 2026, 2:19 PM4.7s7 files scanned
SKILL.md
- name:
- pinia
- 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.
- author:
- Anthony Fu
- version:
- 2026.1.28
- source:
- Generated from https://github.com/vuejs/pinia, scripts located at https://github.com/antfu/skills
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 |
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/testingfor component tests with mocked stores
Related Skills
charles5277/pinia-store
development
VerifiedTrustedCommunity
Pinia Store 架構規範。Use when creating app/stores/**/*.ts files, working with defineStore, managing global state, or building Pinia stores. Always use this skill for store design patterns, naming conventions, and state management architecture.
43SKILL.mdUpdated Apr 17, 2026
charles5277/overdrive
tools
VerifiedTrustedCommunity
Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?"
43SKILL.mdUpdated Apr 17, 2026
charles5277/optimize
content-media
VerifiedTrustedCommunity
Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.
43SKILL.mdUpdated Apr 17, 2026
charles5277/onboard
content-media
VerifiedTrustedCommunity
Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly.
43SKILL.mdUpdated Apr 17, 2026