pinia-best-practices

by @hyf0 in Development

301

# Install this skill:

npx skills add hyf0/vue-skills --skill "pinia-best-practices"

Install specific skill from multi-skill repository

# Description

Pinia store TypeScript configuration and typing issues. Covers storeToRefs type loss, getters circular references, and setup store patterns. Use when working with Pinia stores in Vue 3 projects, debugging store type errors, or fixing storeToRefs type inference.

# SKILL.md

name: pinia-best-practices
description: Pinia store TypeScript configuration and typing issues. Covers storeToRefs type loss, getters circular references, and setup store patterns. Use when working with Pinia stores in Vue 3 projects, debugging store type errors, or fixing storeToRefs type inference.
license: MIT
metadata:
author: hyf0
version: "1.0.0"

Pinia Best Practices

TypeScript configuration and common pitfalls for Pinia stores in Vue 3 applications.

When to Apply

Working with Pinia stores in TypeScript projects
Debugging storeToRefs type issues
Fixing getter circular type references
Setting up type-safe store patterns

Capability Rules

Rules that enable AI to solve problems it cannot solve without the skill.

Rule	Impact	Description
storeToRefs-type-loss	HIGH	Fix incorrect nested ref types with Vue 3.5+

Efficiency Rules

Rules that help AI solve problems more effectively and consistently.

Rule	Impact	Description
getters-circular-types	MEDIUM	Fix TypeScript `any` or circular errors in getters using `this`

Reference

# Supported AI Coding Agents

This skill is compatible with the SKILL.md standard and works with all major AI coding agents:

⚡ Amp 🚀 Antigravity 🤖 Claude Code 🦀 Clawdbot 📝 Codex ▶️ Cursor 🤖 Droid 💎 Gemini CLI 🐙 GitHub Copilot 🪿 Goose 📊 Kilo Code 🔧 Kiro CLI 💻 OpenCode 🦘 Roo Code 🌲 Trae 🏄 Windsurf

Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.