vue은(는) 무엇을 하나요?
.vue 파일을 편집하거나 Vue 3 컴포넌트를 만들고, 컴포저블을 작성하거나 Vue 코드를 테스트할 때 사용하세요. Composition API 패턴, props/emits 모범 사례, VueUse 통합, 반응형 구조 분해 관련 가이드를 제공합니다.
.vue 파일 편집, Vue 3 컴포넌트 생성, 컴포저블 작성 또는 Vue 코드 테스트 시 사용 - Composition API 패턴, props/emits 모범 사례, VueUse 통합 및 반응형 구조 분해 가이드를 제공합니다.
이 스킬은 Vue 3 프레임워크에서 개발할 때 필요한 최적의 패턴과 모범 사례를 제공하는 AI 어시스턴트 스킬입니다. 주로 .vue 파일을 편집하거나 Vue 3 컴포넌트를 생성할 때 Composition API를 올바르게 사용하는 방법을 안내하며, props와 emits 선언 시 타입 안전성과 일관성을 유지하도록 도와줍니다. VueUse 유틸리티 함수와의 통합을 지원하여 반응형 상태 관리와 DOM 조작을 더욱 간편하게 만들고, reactive()와 ref() 데이터를 구조 분해할 때 반응성을 잃지 않도록 주의해야 할 점을 명확히 알려줍니다. 또한 Vue 테스트 코드 작성 시 Vitest 또는 Vue Test Utils를 활용한 유닛 테스트 패턴을 제시하여 생산성과 코드 품질을 동시에 향상시킵니다.
npx skills add https://github.com/onmax/nuxt-skills/tree/main/skills/vueInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
.vue 파일을 편집하거나 Vue 3 컴포넌트를 만들고, 컴포저블을 작성하거나 Vue 코드를 테스트할 때 사용하세요. Composition API 패턴, props/emits 모범 사례, VueUse 통합, 반응형 구조 분해 관련 가이드를 제공합니다.
This repo contains 15 individual skills — each has its own dedicated page.
Use when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC component usage. Overrides brevity rules for proper grammar. Use nuxt-content for MDC syntax, nuxt-ui for component props.
Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt
Use when working on Nuxt 4+ projects - provides server routes, file-based routing, middleware patterns, Nuxt-specific composables, and configuration with latest docs. Covers h3 v1 helpers (validation, WebSocket, SSE) and nitropack v2 patterns. Updated for Nuxt 4.3+.
Use when implementing auth in Nuxt apps with @onmax/nuxt-better-auth - provides useUserSession composable, server auth helpers, route protection, and Better Auth plugins integration.
Use when working with Nuxt Content v3, markdown content, or CMS features in Nuxt - provides collections (local/remote/API sources), queryCollection API, MDC rendering, database configuration, NuxtStudio integration, hooks, i18n patterns, and LLMs integration
Use when building NuxtHub v0.10.6 applications - provides database (Drizzle ORM with sqlite/postgresql/mysql), KV storage, blob storage, and cache APIs. Covers configuration, schema definition, migrations, multi-cloud deployment (Cloudflare, Vercel), and the new hub:db, hub:kv, hub:blob virtual module imports.
Use when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components, composables, plugins), (4) Server extensions (API routes, middleware), (5) Releasing/publishing modules to npm, (6) Setting up CI/CD workflows for modules. Provides defineNuxtModule patterns, Kit utilities, hooks, E2E testing, and release automation.
Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.
Use when building styled UI with @nuxt/ui v4 components - create forms with validation, implement data tables with sorting, build modal dialogs and overlays, configure Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui for headless primitives.
Use when managing Node.js dependencies with pnpm - install packages, configure monorepo workspaces, set up pnpm catalogs, resolve dependency conflicts with overrides, patch third-party packages, and configure CI pipelines for pnpm projects
Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.
Use when authoring TypeScript libraries or npm packages - covers project setup, package.json exports, build tooling (tsdown/unbuild), API design patterns, type inference tricks, testing, and publishing to npm. Use when bundling, configuring dual CJS/ESM output, or setting up release workflows.
Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.
Use when writing unit/integration tests for Vite projects - configure vitest.config.ts, write test suites with describe/it, create mock implementations with vi.fn and vi.mock, set up code coverage thresholds, and run tests in parallel
Use when working with VueUse composables - track mouse position with useMouse, manage localStorage with useStorage, detect network status with useNetwork, debounce values with refDebounced, and access browser APIs reactively. Check VueUse before writing custom composables - most patterns already implemented.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.