MCP App StoreMCP App Store
from autoskills5,664
Practical Vue 3 integration patterns for Clerk: composables (useAuth, useUser, useClerk, useOrganization), Vue Router guards, and Pinia auth store wiring.
Provides concrete, ready-to-use Vue 3 patterns for integrating Clerk authentication. It explains setup of the Clerk Vue plugin, how to use composables (useAuth, useUser, useClerk, useOrganization), router guards for protected routes, and examples for wiring Pinia stores to auth state.
Use this skill when building Vue 3 (or Vite-based) apps that need Clerk-based authentication and authorization, when you need router guards for protected pages, or when integrating org/multi-tenant switching and Pinia state with Clerk. Not intended for Nuxt (there is a separate nuxt pattern).
Likely useful for agents that assist with frontend dev (Code assistants, GitHub Copilot-style tools, or developer-facing CLIs).
Vue 3 integration patterns for Clerk auth — covers composables (useAuth, useUser, useClerk, useOrganization), Vue Router guards, and Pinia wiring. Clean SKILL.md with good frontmatter, clear mental model, code examples, and a pitfalls table. No bundled scripts; purely reference-based. Useful for Vue developers integrating Clerk, though the audience is somewhat niche.
Well-structured reference skill with clear frontmatter, description, and useful code snippets. No security concerns — no scripts, no network calls, no shell commands. Deducted a few points from security for referencing external resources that aren't bundled (potential supply chain if references were malicious, but low risk). Code quality is solid with good examples and a pitfalls table, though missing the actual reference files means it's incomplete standalone. Architecture follows the skill spec well with frontmatter, tables, and progressive disclosure via references. Usefulness is moderate — Clerk+Vue is a specific niche, but genuinely helpful for that audience.
Clerk Vue Patterns
Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.
Cognitive Accessibility Specialist
Audits content, forms and authentication flows for cognitive accessibility (WCAG 2.2 / COGA) and gives prioritized remediation and plain-language guidance.
React Development Expert
Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.
ClearShot — Screenshot UI Analysis
Structured UI screenshot analysis using a 5×5 spatial grid, full element inventory, and design system extraction. Escalates to full implementation blueprint whe
Colorize — Strategic UI Color Introduction
Introduce purposeful color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement while preserving accessibility.
DAUB UI
A drop-in CSS+JS component library with 70+ carefully designed components and 20 theme families for fast, consistent UI building.
dotLottie Web
Guidelines and patterns for implementing performant dotLottie/Lottie animations on the web (vanilla JS and React), including workers, state machines, and themin
React Context Setup
Automates guidance and code patterns for setting up React Context, providing step-by-step configuration and best-practice examples for frontend projects.
