shadcn-app-shell

Build a persistent Laravel + Inertia + Vue application shell with navigation and CRUD conventions.

Updated Mar 2, 2026
One-click install
npx skills add https://github.com/jamesulip/shadcn-app-shell --skill shadcn-app-shell
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shadcn-app-shell
Source: https://github.com/jamesulip/shadcn-app-shell/tree/main
Command: npx skills add https://github.com/jamesulip/shadcn-app-shell --skill shadcn-app-shell

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation of robust, persistent application shells for internal operations, ensuring a consistent and efficient user experience across authenticated dashboards.

Core Features & Use Cases

  • App Shell Architecture: Provides a standardized, persistent shell for authenticated dashboards.
  • Navigation & Context: Implements workspace navigation and persistent context patterns.
  • Data Handling: Standardizes list/table behavior and CRUD form conventions.
  • Use Case: Scaffold a new internal Laravel + Inertia + Vue operations console with a consistent layout, navigation, and data presentation.

Quick Start

Use $shadcn-app-shell to scaffold an authenticated Laravel + Inertia + Vue application shell optimized for internal operations workflows.

Frequently Asked Questions about shadcn-app-shell

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

FAQPage Schema
How do I build a persistent app shell for an internal Laravel and Vue dashboard?

A persistent app shell for internal operations provides a standardized, consistent layout for authenticated dashboards, ensuring efficient user experience through persistent context and workspace navigation across Laravel, Inertia, and Vue.

Does this app shell architecture work with shadcn-vue and Inertia?

Yes, this app shell architecture works with shadcn-vue and Inertia, requiring Laravel, Inertia, Vue 3 Composition API, and shadcn-vue to implement standardized list/table behavior and CRUD form conventions.

How do I scaffold a Laravel Inertia Vue operations console with consistent navigation?

You scaffold a Laravel Inertia Vue operations console by applying the app shell architecture pattern, which provides standardized workspace navigation, persistent context, and consistent data presentation for internal operations workflows.

What is the best way to standardize list and table behavior in a Vue 3 internal dashboard?

The best way to standardize list and table behavior in a Vue 3 internal dashboard is to implement app shell conventions that define consistent data handling patterns and CRUD form behaviors across the authenticated workspace.

Do I need Vue 3 Composition API to implement persistent context in my dashboard?

Yes, you need Vue 3 Composition API to implement persistent context and workspace navigation, as it is a required dependency for building the authenticated application shell with Laravel and Inertia.

When should I not use a persistent app shell for my internal operations dashboard?

You should not use a persistent app shell if your project does not use Laravel, Inertia, or Vue 3, as the architecture specifically standardizes workspace navigation and CRUD conventions for this technology stack.