skills.rest
NKDShinKu
NKDShinKuCOMMUNITY
Explore all skills by this author →
GitHub

vue-development-guides

Enforce Vue 3 and Nuxt 3 best practices for development and code review.

Updated Dec 30, 2025
Search Tags:#vue#best-practices#vue3#data-flow#composition-api#sfc-guide
One-click install
npx skills add https://github.com/NKDShinKu/NKDShinKu --skill vue-development-guides-nkdshinku
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vue-development-guides
Source: https://github.com/NKDShinKu/NKDShinKu/tree/main/.agents/skills/vue-development-guides
Command: npx skills add https://github.com/NKDShinKu/NKDShinKu --skill vue-development-guides-nkdshinku

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vue.js projects often suffer from fragmented conventions and inconsistent patterns across teams. This skill consolidates best practices and ensures maintainable Vue 3 / Nuxt 3 code.

Core Features & Use Cases

  • Guided development: Clear, actionable guidelines for architecture, components, reactivity, and data flow.
  • Code quality assurance: Checklists and patterns to standardize SFCs, props, emits, and composition usage.
  • Review playbook: A reference for code reviews to rapidly evaluate Vue projects and provide focused feedback.

Quick Start

Analyze a Vue 3 project and output a prioritized list of refactors to align with the Vue.js Development Guides.

Frequently Asked Questions about vue-development-guides

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the best practices for structuring Vue 3 components and managing data flow?▼

Vue 3 best practices for structuring components and managing data flow emphasize standardizing Single File Components (SFCs), predictable props and emits, and consistent composition usage to ensure scalable code.

How do I review a Vue 3 project for maintainability and consistency?▼

Review a Vue 3 project for maintainability by applying a dedicated review playbook that checks reactivity, SFC structure, and state management patterns against consolidated guidelines to provide focused feedback.

Does this guide cover Nuxt 3 projects and state management?▼

Yes, this guide covers Nuxt 3 projects and provides specific best practices for state management, ensuring maintainable and predictable code across both Vue 3 and Nuxt 3 ecosystems.

How do I ensure predictable reactivity when using the Composition API?▼

Ensure predictable reactivity using the Composition API by following established guidelines that standardize data flow and state management, preventing fragmented conventions across your Vue.js project.

Related Skills

Explore More Software Engineering Skills→
robert-hoffmannrobert-hoffmann
6

ub-vuejs

Enforce Vue 3 patterns and strict TypeScript across SFCs and Composition API.

Community
Advanced
stevenenglandstevenengland

clean-code

Refactor working code into clean, maintainable code with naming and formatting guidelines.

Community
Advanced
remiconnessonremiconnesson

vue-best-practices

Enforce Vue 3 architecture decisions and standard patterns for maintainable codebases.

Community
Intermediate
thc1006thc1006
20

web-component-design

Build scalable UI component patterns across React, Vue, and Svelte.

Community
Advanced