Pinia Store Setup - Auto-activating skill for Frontend Development. Triggers on: pinia store setup, pinia store setup Part of the Frontend Development skill category.
35
3%
Does it follow best practices?
Impact
95%
1.02xAverage score across 3 eval scenarios
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./planned-skills/generated/05-frontend-dev/pinia-store-setup/SKILL.mdPinia store best practices and production-ready setup
defineStore with string ID
100%
100%
use + PascalCase naming
100%
100%
State as function
100%
100%
TypeScript types on state
100%
100%
Total price getter
100%
100%
Actions for mutations
100%
100%
Pinia createPinia registration
100%
100%
storeToRefs in component
0%
100%
Correct pinia import
100%
100%
Store exported correctly
100%
100%
Step-by-step Pinia store setup with validation
defineStore with string ID
100%
100%
use + PascalCase naming
100%
100%
TypeScript user type
100%
100%
Nullable user state
100%
100%
isAdmin getter/computed
100%
100%
login and logout actions
100%
100%
storeToRefs usage
100%
100%
Pinia import source
100%
100%
SETUP.md includes createPinia step
100%
100%
Step-by-step documentation
100%
50%
Multi-store Pinia configuration and component integration
createPinia in main.ts
100%
100%
All stores use defineStore
100%
100%
Consistent use + PascalCase naming
100%
100%
Unique string IDs per store
100%
100%
TypeScript types on state
100%
100%
Cross-store access pattern
100%
100%
storeToRefs in component
0%
0%
Actions for state mutation
100%
100%
State as function (Options) or ref/reactive (Setup)
100%
100%
No Vuex patterns
100%
100%
3e83543
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.