vue-router-best-practices
The vue-router-best-practices skill provides guidance on Vue Router 4 patterns, navigation guards, route parameters, and component lifecycle interactions.
Is vue-router-best-practices safe to install?
Safe to install: our audit of vue-router-best-practices's source files found 0 shell commands, 0 external URLs, no file writes (none risk). Every command and URL listed appears verbatim in the skill's source. The skill provides documentation and reference links without executing commands or making network requests.
How we audit skills: our security review methodology.
Who is this skill for?
Vue.js developers implementing routing logic in single-page applications.
What can you do with it?
- Debugging navigation guard issues
- Resolving infinite redirect loops
- Managing component lifecycle during route changes
- Implementing production-ready routing patterns
How good is this skill?
Quality score: 5/10. The skill is well-structured and provides clear references to specific technical challenges in Vue Router 4.
What does the skill file contain?
Vue Router best practices, common gotchas, and navigation patterns. ### Navigation Guards - Navigating between same route with different params → See [router-beforeenter-no-param-trigger](reference/router-beforeenter-no-param-trigger.md) - Accessing component instance in beforeRouteEnter guard → See [router-beforerouteenter-no-this](reference/router-beforerouteenter-no-this.md) - Navigation guard making API calls without awaiting → See [router-guard-async-await-pattern](reference/router-guard-async-await-pattern.md) - Users trapped in infinite redirect loops → See [router-navigation-guard-inf...
Frequently asked questions
Does this skill fix navigation guard issues automatically?
No. The skill provides reference documentation for common patterns and errors, which the developer must apply manually.
What specific Vue Router version does this cover?
The skill covers Vue Router 4.
Related skills
frontend-design
618.4KAI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs
The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.
firebase-hosting-basics
97.9KDevelopers deploying static web applications, single page applications, or microservices to Firebase Hosting
This skill provides instructions and guidance for deploying web applications to Firebase Hosting. It covers configuration, deployment procedures, and local emulation for static sites and single page applications.
accessibility
33.5KWeb developers and quality assurance engineers who need to audit and improve web accessibility for WCAG 2
The accessibility skill provides guidelines and testing procedures for web accessibility based on WCAG 2.2 standards. It includes code patterns for perceivable, operable, understandable, and robust web content, alongside automated and manual testing checklists.
gsap-timeline
31.3KDevelopers using GSAP for multi-step animations, keyframe sequencing, or complex animation choreography
The gsap-timeline skill provides instructions and patterns for sequencing animations using the GSAP library. It covers timeline creation, the position parameter for timing, label management, nesting, and playback control.