Agent skill · software engineering · aj-geddes
vue-application-structure
Structure Vue 3 applications using Composition API, component organization, and TypeScript. Use when building scalable Vue applications with proper separation of concerns.
Why this skill is useful
Provides specific patterns and best practices for structuring Vue 3 applications that the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-03-04. 307 stars on the source repository.
What this skill does
Vue Application Structure Table of Contents Overview When to Use Quick Start Reference Guides Best Practices Overview Build well-organized Vue 3 applications using Composition API, proper file organization, and TypeScript for type safety and maintainability. When to Use Large-scale Vue applications Component library development Reusable composable hooks Complex state management Performance optimization Quick Start Minimal working example: Reference Guides Detailed implementations in the references/ directory: Guide Contents --- --- Vue 3 Composition API Component Vue 3 Composition API Component Async Data Fetching Composable Async Data Fetching Composable Component Organization Structure Component Organization Structure Form Handling Composable Form Handling Composable Pinia Store (State Management) Pinia Store (State Management) Best Practices ✅ DO Follow established patterns and conventions Write clean, maintainable code Add appropriate documentation Test thoroughly before deploying ❌ DON'T Skip testing or validation Ignore error handling Hard-code configuration values
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aj-geddes/vue-application-structure