🎯

vueuse

🎯Skill

from onmax/nuxt-skills

What it does

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 isClient checks
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/nuxt module 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(38 items)

vueuse

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add onmax/nuxt-skills --skill vueuse

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add onmax/nuxt-skills --skill vueuse

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/vueuse/SKILL.md

SKILL.md

1,331Installs

496

Last UpdatedJan 29, 2026

View on GitHub Back to Skills

More from this repository10

🎯

reka-ui🎯Skill

Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.

🎯

nuxt🎯Skill

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.

🎯

vue🎯Skill

Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.

🎯

nuxt-ui🎯Skill

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.

🎯

motion🎯Skill

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.

🎯

ts-library🎯Skill

Patterns for authoring high-quality TypeScript libraries covering project setup, package exports (dual CJS/ESM), build tooling (tsdown/unbuild), API design patterns, type inference, testing with vitest, and release workflows.

🎯

document-writer🎯Skill

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.

🎯

nuxt-seo🎯Skill

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.

🎯

nuxt-modules🎯Skill

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.

🎯

nuxt-content🎯Skill

Agent skills for Nuxt.js development, providing AI assistants with specialized knowledge for building Nuxt applications and modules.