Vue Debug Guides
Plugin Verified ActiveVue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
To assist developers in efficiently diagnosing and fixing runtime errors, warnings, and other critical issues within Vue 3 applications.
Features
- Detailed guidance on Vue 3 runtime errors
- Troubleshooting for async failures
- Solutions for SSR/hydration issues
- Coverage of common reactivity and template bugs
Use Cases
- Diagnosing unexpected runtime errors in Vue 3 components.
- Fixing issues related to state updates and reactivity.
- Resolving problems with server-side rendering and client hydration.
- Understanding and correcting asynchronous operation failures.
Non-Goals
- Providing general Vue 3 best practices (use `vue-best-practices` for that).
- Replacing the need for a debugger or browser developer tools.
- Offering solutions for non-runtime code quality issues.
Versioning
- info:Release ManagementThe project lacks a formal versioning system (e.g., in package.json or SKILL.md frontmatter) and installation instructions point to 'main', making version pinning difficult.
Invocation
- info:Name collisionsThe skill 'vue-debug-guides' is part of a larger bundle and could potentially collide with other skills if installed individually without proper scoping, though the README suggests explicit invocation.
Installation
First, add the marketplace
/plugin marketplace add hyf0/vue-skills/plugin install vue-debug-guides@vue-skillsQuality Score
VerifiedTrust Signals
Similar Extensions
Context7 Plugin
100Upstash Context7 MCP server for up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.
Claude Hud
100Real-time statusline HUD for Claude Code - displays context usage, tool activity, agent tracking, and todo progress
UI/UX Design Plugin
99Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Gsap Skills
99Official GSAP skills for Claude, Cursor, and other AI agents — animations, timelines, ScrollTrigger, plugins, utilities, React, and performance
Vue Jsx Best Practices
98JSX syntax in Vue (e.g., class vs className, JSX plugin config).
Create Adaptable Composable
98Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.