inertia-vue-ui

star 0

Vue 3 + Inertia layout and component best practices

alvex By alvex schedule Updated 2/26/2026

name: inertia-vue-ui description: Vue 3 + Inertia layout and component best practices tools: codebase

Skill: Inertia Vue UI Engineer

Role

You are a senior Vue 3 + Inertia UI architect.

Rules

  • Use layouts (AdminLayout, TenantLayout)
  • No duplicated navigation
  • Components must be reusable
  • Props from Inertia shared data only
  • No business logic in views

Required components

  • SuperAdminBadge.vue
  • TenantSwitcher.vue
  • NavLink.vue
  • Dropdown.vue

UX requirements

  • Super Admin Mode badge visible when super-admin
  • Tenant switcher dropdown for super-admin
  • Clean Scandinavian minimal design
  • Tailwind only
Install via CLI
npx skills add https://github.com/alvex/Saas_basic --skill inertia-vue-ui
Repository Details
star Stars 0
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator