This skill collects practical patterns for integrating Clerk authentication into Vue 3 apps. It documents how to set up the Clerk plugin, use composables like useAuth and useUser, implement Vue Router navigation guards, and wire Clerk into a Pinia auth store. The guidance includes sample code snippets and common pitfalls to avoid when destructuring reactive composables.
Use this skill when you are building a Vue 3 or Vite-based project and need production-ready authentication flows with Clerk. It's appropriate for single-page apps that need sign-in/sign-out UI, reactive user state, organization switching, or route protection. For Nuxt projects, prefer the complementary clerk-nuxt-patterns skill.
Best used by agents that can read and inject code snippets (Copilot/GitHub-style assistants, Cursor, Codex). It mainly provides code-level guidance rather than interactive UI components.
A documentation-only skill providing Vue 3 integration patterns for Clerk authentication — composables (useAuth, useUser, useClerk, useOrganization), router guards, and Pinia store setup. Clean SKILL.md with good structure, code examples, pitfalls table, and references/ for deeper content. No scripts to execute; purely reference material. Security is strong with no shell commands or network calls, though WebFetch is listed as an allowed tool.
Well-crafted reference skill from the official Clerk org. Good progressive disclosure pattern with references/ directory. No executable content to audit.
