hyf0 avatar

Vueuse Best Practices

If you're using VueUse in your Vue projects, this skill helps Claude navigate the common gotchas and best practices around those composables. It covers three main scenarios: general composable usage patterns, debugging SSR issues (which can be notoriously tricky with VueUse), and fixing type inference problems. The skill comes from a repo with 2.5K stars and has seen decent adoption with 341 installs since January. It's the kind of thing you'd want loaded when you're fighting with useAsyncState or wondering why something breaks during server-side rendering. Fairly focused scope, but that's exactly what you need when dealing with a library-specific problem.

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

Install

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

Installs into .claude/skills of the current project.

Files

If you're using VueUse in your Vue projects, this skill helps Claude navigate the common gotchas and best practices around those composables. It covers three main scenarios: general composable usage patterns, debugging SSR issues (which can be notoriously tricky with VueUse), and fixing type inference problems. The skill comes from a repo with 2.5K stars and has seen decent adoption with 341 installs since January. It's the kind of thing you'd want loaded when you're fighting with useAsyncState or wondering why something breaks during server-side rendering. Fairly focused scope, but that's exactly what you need when dealing with a library-specific problem.

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
1pproenca avatarorvalpproenca/dot-skillsOrval OpenAPI TypeScript client generation best practices. This skill should be used when configuring Orval, generating TypeScript clients from OpenAPI specs, s338skills.sh installs
2rstackjs avatarmigrate-to-rsbuildrstackjs/agent-skillsMigrate webpack, Vite, create-react-app (CRA/CRACO), or Vue CLI projects to Rsbuild.336skills.sh installs
3pproenca avatarmui-basepproenca/dot-skillsMUI Base UI style guidelines for building headless React component libraries (formerly headless-ui-style). This skill should be used when creating unstyled UI c335skills.sh installs
4davila7 avatarweb-artifacts-builderdavila7/claude-code-templatesSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for334skills.sh installs
5pedronauck avatarvercel-composition-patternspedronauck/skillsReact composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reus334skills.sh installs
6bobmatnyc avatarartifacts-builderbobmatnyc/claude-mpm-skillsSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui)333skills.sh installs