Vue.js 작업에 반드시 사용해야 합니다. Composition API와 `<script setup>`, TypeScript를 표준 방식으로 강력히 권장합니다. Vue 3, SSR, Volar, vue-tsc를 다룹니다. Vue, .vue 파일, Vue Router, Pinia, 또는 Vite + Vue 작업 시 로드하세요. 프로젝트가 명시적으로 Options API를 요구하지 않는 한 항상 Composition API를 사용하세요.
이 스킬은 Vue.js 프로젝트 개발 시 모범 사례와 일관된 코드 패턴을 적용하기 위해 설계되었습니다. 핵심은 Composition API(`<script setup>`)와 TypeScript를 표준으로 사용하는 것이며, Vue 3, SSR(서버 사이드 렌더링), Volar, vue-tsc를 포함합니다. Vue, .vue 파일, Vue Router, Pinia, 또는 Vite + Vue 환경에서 자동으로 로드되어 AI 어시스턴트가 항상 최신 Vue 생태계 규칙을 따르도록 보장합니다. 특히 상태 관리, 라우팅, 타입 안정성을 고려한 코드 생성에 유용하며, 프로젝트에서 명시적으로 Options API를 요구하지 않는 한 Composition API를 우선 적용합니다. Cursor, Claude Code, Codex와 같은 AI 코딩 도구와의 통합을 염두에 두고 작성되었습니다.
npx skills add https://github.com/antfu/skills/tree/main/skills/vue-best-practicesInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Vue.js 작업에 반드시 사용해야 합니다. Composition API와 <script setup>, TypeScript를 표준 방식으로 강력히 권장합니다. Vue 3, SSR, Volar, vue-tsc를 다룹니다. Vue, .vue 파일, Vue Router, Pinia, 또는 Vite + Vue 작업 시 로드하세요. 프로젝트가 명시적으로 Options API를 요구하지 않는 한 항상 Composition API를 사용하세요.
This repo contains 16 individual skills — each has its own dedicated page.
Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects. Use when setting up new projects, configuring ESLint/Prettier alternatives, monorepos, library publishing, or when the user mentions Anthony Fu's preferences.
Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.
Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.
Node.js package manager with strict dependency resolution. Use when running pnpm specific commands, configuring workspaces, or managing dependencies with catalogs, patches, or overrides.
Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, code walkthroughs, teaching materials, or developer decks.
Bundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown. Use when building libraries, generating type declarations, bundling for multiple formats, or migrating from tsup.
Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines, dependsOn, caching, remote cache, the "turbo" CLI, --filter, --affected, CI optimization, environment variables, internal packages, monorepo structure/best practices, and boundaries. Use when user: configures tasks/workflows/pipelines, creates packages, sets up monorepo, shares code between apps, runs changed/affected packages, debugs cache, or has apps/packages directories.
UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.
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.
VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.
Vitest fast unit testing framework powered by Vite with Jest-compatible API. Use when writing tests, mocking, configuring coverage, or working with test filtering and fixtures.
Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
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.