Vue

nuxt4-patterns is a Nuxt 4 skill for hydration safety, route rules, lazy loading, and SSR-safe data fetching. Use the nuxt4-patterns skill to make better Frontend Development decisions, reduce mismatches, and apply the right pattern for each page or component.

ui-ux-pro-max is a comprehensive skill for AI-assisted UI/UX design. It offers structured guidance on layouts, styles, color systems, typography, and UX rules for web and mobile projects. Ideal for developers and teams needing practical design decisions across React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter, and HTML/CSS. Use it to plan, review, and improve UI with curated design intelligence.

The web-component-design skill helps teams design reusable UI components for React, Vue, and Svelte with strong API patterns, accessibility guidance, and styling tradeoff references for design systems.

vue skill for Vue 3 code generation with Composition API, <script setup lang="ts">, macros, reactivity, and built-in components. Use it to install guidance and improve vue usage for SFCs, defineProps, defineEmits, defineModel, watchers, Transition, Teleport, Suspense, and KeepAlive.

gsap-frameworks is the GSAP skill for Vue, Nuxt, Svelte, SvelteKit, and other non-React frameworks. It covers lifecycle-safe animation setup, scoped selectors, and cleanup on unmount so component animations behave correctly in Frontend Development.

The gsap-core skill is the official GSAP guide for core animation API use, including gsap.to(), from(), fromTo(), easing, stagger, defaults, and responsive motion. Use it for gsap-core usage in vanilla JS, React, Vue, Svelte, DOM, SVG, and UI Design workflows, especially when you need a reliable gsap-core guide.

vue-router-best-practices is a focused Vue Router 4 guide for fixing navigation guards, route param updates, stale component state, redirect loops, and deprecated next() patterns in frontend apps.

vue-pinia-best-practices helps Vue 3 teams use Pinia safely with clear guidance on install timing, storeToRefs usage, setup-store returns, and URL vs store state decisions.

vue-options-api-best-practices helps frontend teams apply Vue 3 Options API best practices, fix this-binding and lifecycle mistakes, and improve TypeScript typing for props, computed values, events, and inject usage without switching to Composition API.

vue-jsx-best-practices helps frontend developers write idiomatic Vue JSX and TSX by replacing React-style attributes like className and htmlFor with Vue-friendly HTML attributes.

vue-best-practices is a Vue 3 skill for code generation, review, and refactoring. It guides agents toward Composition API, <script setup lang="ts">, explicit data flow, SSR-aware choices, and core references for reactivity, SFCs, composables, Router, Pinia, and Vite-based apps.

vue-debug-guides is a Vue 3 debugging skill for diagnosing runtime errors, warnings, async component failures, reactivity issues, and SSR or hydration mismatches with targeted reference-based fixes.

create-adaptable-composable helps Vue 3 and Nuxt 3 developers design reusable composables that accept plain values, refs, computed values, and getters. It focuses on choosing MaybeRef or MaybeRefOrGetter and normalizing with toValue() or toRef() inside watch() or watchEffect() for predictable reactivity.

netlify-forms guide for HTML form handling on Netlify. Use it to add contact forms, feedback forms, file uploads, spam filtering, AJAX submissions, and a custom thank-you page without server-side code. Helpful for Backend Development workflows and JS-rendered apps that need build-time form detection.