CtrlK
BlogDocsLog inGet started
Tessl Logo

pinia-store-setup

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

1.02x
Quality

3%

Does it follow best practices?

Impact

95%

1.02x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./planned-skills/generated/05-frontend-dev/pinia-store-setup/SKILL.md
SKILL.md
Quality
Evals
Security

Evaluation results

100%

10%

Shopping Cart State Management

Pinia store best practices and production-ready setup

Criteria
Without context
With context

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%

95%

-5%

User Authentication State Management

Step-by-step Pinia store setup with validation

Criteria
Without context
With context

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%

90%

Project State Management Architecture

Multi-store Pinia configuration and component integration

Criteria
Without context
With context

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%

Repository
jeremylongshore/claude-code-plugins-plus-skills
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

Table of Contents

Is this your skill?

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.