Agent Skills Finder

The skills for vue

Commonly used skills for vue development

Admin7 개 스킬0 개 GitHub URL
INSTALL

일괄 설치

Open the batch installer for this collection and generate commands only when you need them.

스킬

이 컬렉션에 포함된 게시된 스킬과 검증된 GitHub skill 소스입니다.
V
vue-best-practices

작성자 vuejs-ai

vue-best-practices는 코드 생성, 리뷰, 리팩터링에 초점을 맞춘 Vue 3 스킬입니다. 에이전트가 Composition API, `<script setup lang="ts">`, 명시적인 데이터 흐름, SSR을 고려한 선택을 따르도록 안내하며, reactivity, SFC, composables, Router, Pinia, Vite 기반 앱의 핵심 레퍼런스까지 폭넓게 제공합니다.

Frontend Development
즐겨찾기 0GitHub 2.1k
V
vue-debug-guides

작성자 vuejs-ai

vue-debug-guides는 Vue 3 디버깅에 특화된 스킬로, 런타임 오류, 경고, async 컴포넌트 실패, 반응성 문제, SSR 또는 hydration 불일치를 진단하고 참고 자료 기반의 구체적인 해결 방법을 제시합니다.

Debugging
즐겨찾기 0GitHub 2.1k
V
vue-jsx-best-practices

작성자 vuejs-ai

vue-jsx-best-practices는 frontend 개발자가 Vue 3 TSX/JSX에서 `className`, `htmlFor` 같은 React 스타일 속성을 Vue에 맞는 HTML 속성으로 바꿔, 더 자연스럽고 타입 검사에 잘 맞는 Vue JSX 코드를 작성하도록 돕습니다.

Frontend Development
즐겨찾기 0GitHub 2.1k
V
vue-options-api-best-practices

작성자 vuejs-ai

vue-options-api-best-practices는 프런트엔드 팀이 Vue 3 Options API 모범 사례를 적용하고, `this` 바인딩 및 라이프사이클 관련 실수를 바로잡으며, Composition API로 전환하지 않고도 props, computed 값, events, inject 사용의 TypeScript 타이핑을 개선할 수 있도록 돕습니다.

Frontend Development
즐겨찾기 0GitHub 2.1k
V
vue-pinia-best-practices

작성자 vuejs-ai

vue-pinia-best-practices는 Vue 3 팀이 Pinia를 더 안전하게 활용하도록 돕는 스킬로, 설치 시점, `storeToRefs` 사용, setup store 반환값, 그리고 URL과 store state를 어떻게 나눌지에 대한 명확한 가이드를 제공합니다.

Frontend Development
즐겨찾기 0GitHub 2.1k
V
vue-router-best-practices

작성자 vuejs-ai

vue-router-best-practices는 프런트엔드 앱에서 Vue Router 4의 navigation guard, route param 업데이트, 오래된 컴포넌트 상태, redirect loop, 그리고 더 이상 권장되지 않는 next() 패턴 문제를 바로잡는 데 초점을 맞춘 가이드입니다.

Frontend Development
즐겨찾기 0GitHub 2.1k
A
vue

작성자 antfu

vue skill은 Composition API, `<script setup lang="ts">`, 매크로, 반응성, 내장 컴포넌트를 활용하는 Vue 3 코드 생성을 위한 가이드입니다. SFC, `defineProps`, `defineEmits`, `defineModel`, watchers, `Transition`, `Teleport`, `Suspense`, `KeepAlive` 사용을 개선하고 설치 판단에 참고할 때 유용합니다.

Frontend Development
즐겨찾기 0GitHub 4.4k

사용 방법

이 컬렉션을 사용하는 Markdown 안내입니다.
# Vue Skills Collection

## Site Skills

- **vue-router-best-practices** (vuejs-ai)  
  A focused Vue Router 4 guide for handling navigation guards, route updates, redirect loops, and deprecated patterns.

- **vue-pinia-best-practices** (vuejs-ai)  
  Best practices for using Pinia in Vue 3, covering store setup, reactivity, and state management decisions.

- **vue-options-api-best-practices** (vuejs-ai)  
  A guide to writing robust Vue 3 Options API code with correct lifecycle usage, typing, and this-binding.

- **vue-jsx-best-practices** (vuejs-ai)  
  Helps developers write idiomatic Vue JSX/TSX by avoiding React-style patterns and using Vue-native syntax.

- **vue-debug-guides** (vuejs-ai)  
  A debugging skill for diagnosing Vue 3 runtime issues, reactivity bugs, async failures, and SSR mismatches.

- **vue-best-practices** (vuejs-ai)  
  A comprehensive Vue 3 guide for code generation, review, and refactoring with modern best practices.
The skills for vue | Agent Skills Finder