vueuse
🎯Skillfrom onmax/nuxt-skills
Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.
Overview
Vueuse is a Claude Code skill that provides comprehensive guidance for working with VueUse composables, a collection of essential Vue Composition API utilities. It covers reactive state management, browser APIs, sensors, network operations, animations, and more, helping developers leverage existing composables instead of writing custom implementations.
Key Features
- Composable Library Reference - Organized coverage of VueUse's categories including state, elements, browser, sensors, network, animation, component, and reactivity utilities
- SSR Safety Guidance - Patterns for handling browser-only APIs in server-side rendering environments using
isClientchecks - Common Pattern Examples - Ready-to-use code patterns for state persistence (useLocalStorage), mouse tracking (useMouse), debounced refs, and shared composables
- Nuxt Integration - Auto-import setup via
@vueuse/nuxtmodule for seamless Nuxt.js integration without manual imports - Progressive Loading - Reference files loaded based on task context to minimize token usage while providing deep composable documentation
Who is this for?
This skill is designed for Vue 3 and Nuxt developers who want to maximize their use of VueUse composables instead of reinventing common patterns. It is especially valuable for developers building reactive applications who need quick access to the right composable for state management, browser API access, or sensor integration.
Same repository
onmax/nuxt-skills(40 items)
Installation
npx vibeindex add onmax/nuxt-skills --skill vueusenpx skills add onmax/nuxt-skills --skill vueuse~/.claude/skills/vueuse/SKILL.mdSKILL.md
More from this repository10
Progressive guidance for Nuxt 4+ projects (v4.3+) providing server routes, file-based routing, middleware patterns, Nuxt-specific composables, h3 v1 helpers (validation, WebSocket, SSE), and nitropack v2 patterns.
Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.
Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.
Component library skill for Vue 3 and Nuxt 4+ built on Reka UI, Tailwind CSS v4, and Tailwind Variants, covering @nuxt/ui v4 components like Button, Modal, Form, Table with theming, validation, and composables.
Vitest testing framework skill for Vite projects covering configuration, test APIs, component testing for Vue/React/Svelte, mocking patterns, concurrent tests, and coverage setup
Nuxt SEO meta-module covering robots.txt, sitemap.xml generation, dynamic OG image creation, JSON-LD structured data (schema.org), breadcrumbs, and canonical URL configuration.
Animation library skill for Vue 3 and Nuxt providing Motion Vue (motion-v) component API, gesture animations, scroll-linked effects, layout transitions, and spring physics with minimal bundle size.
Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.
Guide for creating Nuxt modules that extend framework functionality, covering defineNuxtModule patterns, Kit utilities, hooks, E2E testing, and release automation for both published npm and local project modules.
Writing guidance for blog posts and documentation following Nuxt ecosystem patterns, covering active voice style, content structure, and MDC component usage while overriding brevity rules for proper grammar.