hyf0 avatar

Pinia Best Practices

If you're wrestling with TypeScript type errors in your Pinia stores, this skill teaches Claude how to fix them. It covers the common pain points like storeToRefs type issues and circular reference problems in getters that can make TypeScript go haywire. The skill comes from a repo with 2.5K stars and has 350 installs, so it's seeing real use. It's focused on debugging and setup patterns rather than basic Pinia usage, which makes sense since the type system interactions are where things get tricky. Worth adding if you're doing any serious Vue 3 work with Pinia and TypeScript.

skills.sh installs
350
GitHub stars
2.5K
last updated
Jun 3, 2026

Install

$ npx -y skills add hyf0/vue-skills --skill pinia-best-practices --agent claude-code

Installs into .claude/skills of the current project.

Files

If you're wrestling with TypeScript type errors in your Pinia stores, this skill teaches Claude how to fix them. It covers the common pain points like storeToRefs type issues and circular reference problems in getters that can make TypeScript go haywire. The skill comes from a repo with 2.5K stars and has 350 installs, so it's seeing real use. It's focused on debugging and setup patterns rather than basic Pinia usage, which makes sense since the type system interactions are where things get tricky. Worth adding if you're doing any serious Vue 3 work with Pinia and TypeScript.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/hyf0/vue-skills
Category
Frontend Development
First seen
Jun 3, 2026

More from hyf0/vue-skills

All 11
1wsimmonds avatarvercel-ai-sdkwsimmonds/claude-nextjs-skillsGuide for Vercel AI SDK v5 implementation patterns including generateText, streamText, useChat hook, tool calling, embeddings, and MCP integration. Use when imp342skills.sh installs
2webflow avatarsite-auditwebflow/webflow-skillsComprehensive audit of a Webflow site including pages, CMS collections, health scoring, and actionable insights. Use for site analysis, migration planning, or u338skills.sh installs
3webflow avatarcms-collection-setupwebflow/webflow-skillsCreate a new CMS collection in Webflow with specified fields and relationships. Use when setting up blog posts, products, team members, portfolios, or other con337skills.sh installs
4webflow avatarbulk-cms-updatewebflow/webflow-skillsCreate or update multiple CMS items in a Webflow collection with validation and diff preview. Use when adding multiple blog posts, products, or updating fields 323skills.sh installs
5webflow avatarasset-auditwebflow/webflow-skillsAnalyze assets on a Webflow site for SEO optimization. Identifies assets missing alt text and assets with non-SEO-friendly names, then generates and applies imp318skills.sh installs
6webflow avatarsafe-publishwebflow/webflow-skillsPublish a Webflow site with a plan-confirm-publish workflow. Shows what changed since last publish, runs pre-publish checks, and requires explicit confirmation 313skills.sh installs