laravel-inertia-vue

Enforce Laravel 12, Inertia 2, and Vue 3.5 coding standards and architecture patterns.

1|Updated Feb 21, 2026
One-click install
npx skills add https://github.com/BEE-CODED/bee-dev --skill laravel-inertia-vue-bee-coded
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: laravel-inertia-vue
Source: https://github.com/BEE-CODED/bee-dev/tree/main/plugins/bee/skills/stacks/laravel-inertia-vue
Command: npx skills add https://github.com/BEE-CODED/bee-dev --skill laravel-inertia-vue-bee-coded

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive set of conventions and patterns for developing applications using Laravel, Inertia.js, and Vue.js, ensuring consistency and maintainability.

Core Features & Use Cases

  • Backend Standards: Defines best practices for Controllers, Models, Routes, Services, Events, Migrations, Enums, Scheduling, and Mail Preview Controllers in Laravel.
  • Frontend Standards: Outlines conventions for Inertia Pages, Shared Data, Forms (including vee-validate + zod), Navigation, Partial Reloads, Vue 3.5 Composition API, Composables, and Component Organization.
  • Styling & Utilities: Details Tailwind CSS conventions, including utility-first, design tokens, and responsive design.
  • Architecture Patterns: Explains CRUD patterns, Modal CRUD, TanStack Table Columns, Pagination, Sorting, Filters, Auth/Abilities, Layouts, i18n, Date/Time Formatting, and Table Actions.
  • Use Case: A new developer joining a project can quickly understand and adhere to the established coding standards, leading to faster onboarding and more consistent code quality across the team.

Quick Start

Follow the Laravel 12 conventions for controllers, models, and routes.

Frequently Asked Questions about laravel-inertia-vue

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

FAQPage Schema
What are the best coding standards for a Laravel 12, Inertia 2, and Vue 3.5 application?

The best coding standards for Laravel 12, Inertia 2, and Vue 3.5 enforce strict architectural patterns for backend controllers and models, alongside Vue Composition API and Inertia page conventions for frontend consistency.

How do I structure Vue components and Inertia pages with strict architectural patterns?

Structure Vue components and Inertia pages using Vue 3.5 Composition API conventions, defining specific rules for shared data, navigation, partial reloads, and component organization to ensure maintainable frontend architecture.

What is the best way to handle form validation in an Inertia and Vue application?

The best way to handle form validation in an Inertia and Vue application is using vee-validate combined with zod to enforce strict schema validation and standardized form handling conventions.

Does this Laravel and Vue standards Skill define conventions for Tailwind CSS styling?

Yes, this Laravel and Vue standards Skill defines Tailwind CSS conventions including utility-first usage, design tokens, and responsive design to ensure consistent styling across the application.

Can I use these conventions for frontend CRUD operations and table management?

Yes, you can use these conventions for frontend CRUD operations and table management, as they outline specific architecture patterns for modal CRUD, TanStack Table columns, pagination, sorting, and table actions.

Do I need to follow specific backend routing and service patterns for Laravel 12?

Yes, you need to follow specific backend routing and service patterns for Laravel 12, as the standards define best practices for controllers, models, services, events, scheduling, and mail preview controllers.