vue-pinia-best-practices
The vue-pinia-best-practices skill provides guidance on Pinia store setup, reactivity patterns, and state management conventions for Vue applications.
Is vue-pinia-best-practices safe to install?
Safe to install: our audit of vue-pinia-best-practices's source files found 0 shell commands, 0 external URLs, no file writes (none risk). Every command and URL listed appears verbatim in the skill's source. The skill provides documentation and references to local markdown files without executing code or making network requests.
How we audit skills: our security review methodology.
Who is this skill for?
Vue.js developers using Pinia for state management.
What can you do with it?
- Troubleshooting getActivePinia errors during startup.
- Resolving missing state in DevTools or SSR environments.
- Fixing reactivity issues caused by store destructuring.
- Correcting store method context loss in templates.
- Implementing URL-based state for ephemeral filters.
- Applying conventions for large-scale production applications.
How good is this skill?
Quality score: 5/10. The skill is well-structured and provides clear references to specific troubleshooting guides for common Pinia issues.
What does the skill file contain?
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-meth...
Frequently asked questions
Does this skill fix reactivity issues when destructuring stores?
Yes, it provides a reference to pinia-store-destructuring-breaks-reactivity.md which addresses why destructuring stops UI updates.
How does the skill help with SSR or DevTools state issues?
It points to pinia-setup-store-return-all-state.md to resolve cases where setup stores fail to display state correctly.
Related skills
frontend-design
618.4KAI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs
The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.
shadcn
217.3KDevelopers building UI components and design systems using shadcn/ui
The shadcn skill manages UI components and design systems for projects using the shadcn/ui framework. It provides tools to search, add, debug, and style components, while enforcing strict composition and styling rules based on project-specific configuration.
make-interfaces-feel-better
37.7KFrontend developers and designers using AI agents to review UI code or implement design system improvements
This skill provides design engineering principles for polishing user interfaces. It guides the agent in reviewing and implementing UI details such as typography, animations, border radii, optical alignment, and performance optimizations.
gsap-scrolltrigger
30.9KDevelopers building scroll-driven animations, parallax effects, or pinned sections using the GSAP library
The gsap-scrolltrigger skill provides instructions and configuration patterns for the GSAP ScrollTrigger plugin, which enables scroll-linked animations, element pinning, and scroll-based triggers.