Community코딩 & 개발github.com

vuejs-ai/vue-development-guides

Vue.js 애플리케이션 개발을 위한 모범 사례와 팁 모음입니다. Vue.js 또는 Nuxt 프로젝트를 개발, 리팩토링 또는 검토할 때 반드시 적용해야 합니다.

vue-development-guides란 무엇인가요?

이 스킬은 Vue.js 및 Nuxt 프로젝트 개발 시 일관되고 고품질의 코드를 유지하기 위한 모범 사례 모음입니다. Vue.js의 공식 스타일 가이드와 권장 패턴을 기반으로 하며, 컴포넌트 설계, 상태 관리, 라우팅, 성능 최적화 등 다양한 측면에서 실용적인 지침을 제공합니다. 특히 SFC(단일 파일 컴포넌트) 구조, Composition API 활용법, TypeScript 통합 전략, Nuxt 3의 서버 사이드 렌더링과 자동 임포트 기능 등 최신 생태계에 최적화된 방법론을 포함합니다. 이 스킬은 Claude Code, Cursor, Codex 등 AI 에이전트와 함께 사용하여 Vue.js 또는 Nuxt 프로젝트의 코드 리뷰, 리팩토링, 신규 개발 과정에서 일관된 품질 기준을 적용할 수 있도록 돕습니다. 개발자가 실수하기 쉬운 반응형 데이터 관리, 라이프사이클 훅 사용, 컴포넌트 재사용성 향상 등에 대한 구체적인 체크리스트를 제공하여 생산성과 코드 유지보수성을 크게 향상시킵니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vuejs-ai/skills/tree/main/skills/vue-development-guides

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

vue-development-guides은(는) 무엇을 하나요?

Vue.js 애플리케이션 개발을 위한 모범 사례와 팁 모음입니다. Vue.js 또는 Nuxt 프로젝트를 개발, 리팩토링 또는 검토할 때 반드시 적용해야 합니다.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

관련 스킬