hyf0 avatar

Vue Debug Guides

vue-debug-guides provides comprehensive guidance for diagnosing and fixing Vue 3 runtime issues, including reactivity problems, computed property bugs, watcher failures, async data race conditions, and hydration errors. It serves Vue developers who need to resolve specific bugs during development by mapping symptoms to detailed reference guides covering root causes and solutions. The skill solves the problem of quickly identifying why Vue applications behave unexpectedly by categorizing common debugging scenarios across reactivity, computed properties, watchers, and other Vue subsystems.

skills.sh installs
14.2K
GitHub stars
2.7K
last updated
Jul 14, 2026

Install

$ npx -y skills add hyf0/vue-skills --skill vue-debug-guides --agent claude-code

Installs into .claude/skills of the current project.

Files

Vue 3 debugging and error handling for runtime issues, warnings, async failures, and hydration bugs. For development best practices and common gotchas, use vue-best-practices.

Sponsors

Details

Repository
github.com/hyf0/vue-skills
Categories
Frontend Development, Debugging

More from hyf0/vue-skills

All 11
1sveltejs avatarsvelte-code-writersveltejs/ai-toolsCLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating, editing or analyzing any Svelte component (.svelte) or Svelte mod14Kskills.sh installs
2wshobson avatarreact-modernizationwshobson/agentsUpgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migr13.1Kskills.sh installs
3wshobson avatarangular-migrationwshobson/agentsMigrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS application11.2Kskills.sh installs
4mblode avatarui-animationmblode/agent-skillsDesigns, implements, reviews, debugs, and reverse-engineers UI motion: CSS transitions, keyframes, springs, gestures, drag, easing, timing, framer-motion, and a10.8Kskills.sh installs
5onmax avatarnuxtonmax/nuxt-skillsNuxt application development and maintenance. Use for project structure, pages and routing, data fetching, SSR-safe state, middleware, plugins, server routes, r8.8Kskills.sh installs
6emblemcompany avataremblem-ai-reactemblemcompany/agent-skillsReact integration skill for EmblemAI's one-shot user management. Use when the user wants to add website authentication plus wallet-enabled users to a React app 8.8Kskills.sh installs