Use when adding new error messages to React, or seeing "unknown error code" warnings.
vueuse-best-practices
301
16
# Install this skill:
npx skills add hyf0/vue-skills --skill "vueuse-best-practices"
Install specific skill from multi-skill repository
# Description
VueUse composable patterns and TypeScript integration. Covers common VueUse gotchas, SSR compatibility, and best practices. Use when working with VueUse composables, debugging VueUse issues, or integrating VueUse with SSR.
# SKILL.md
name: vueuse-best-practices
description: VueUse composable patterns and TypeScript integration. Covers common VueUse gotchas, SSR compatibility, and best practices. Use when working with VueUse composables, debugging VueUse issues, or integrating VueUse with SSR.
license: MIT
metadata:
author: hyf0
version: "1.0.0"
VueUse Best Practices
Best practices and common gotchas for VueUse composables.
When to Apply
- Working with VueUse composables
- Debugging VueUse SSR issues
- Fixing type inference issues with VueUse
Efficiency Rules
Rules that help AI solve problems more effectively and consistently.
| Rule | Impact | Description |
|---|---|---|
| ssr-compatibility | HIGH | Handle VueUse composables in SSR environments |
| target-element-refs | MEDIUM | Properly pass element refs to VueUse composables |
Reference
# Related Skills
Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging...
Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI.
Use when you need to check feature flag states, compare channels, or debug why a feature behaves...
# 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.