asyrafhussin avatar

Laravel Inertia React

A solid reference for the Laravel-Inertia-React stack that covers the patterns you'll actually use. It organizes 30+ rules by priority, from critical stuff like page component structure and form handling with useForm to less urgent patterns like infinite scroll. The TypeScript examples show proper prop typing from Laravel controllers, which is honestly where most people trip up. The form validation section handles the full cycle including error display and processing states. If you're building a monolithic app with this stack instead of a separate API, this gives you the conventions without hunting through three different documentation sites.

skills.sh installs
2K
GitHub stars
102
last updated
Aug 21, 2026

Install

$ npx -y skills add asyrafhussin/agent-skills --skill laravel-inertia-react --agent claude-code

Installs into .claude/skills of the current project.

Files

Laravel + Inertia.js + React

Comprehensive patterns for building modern monolithic applications with Laravel, Inertia.js, and React. Contains 30+ rules for seamless full-stack development.

When to Apply

Reference these guidelines when:

  • Creating Inertia page components
  • Handling forms with useForm hook
  • Managing shared data and authentication
  • Implementing persistent layouts
  • Navigating between pages

Rule Categories by Priority

PriorityCategoryImpactPrefix
1Page ComponentsCRITICALpage-
2Forms & ValidationCRITICALform-
3Navigation & LinksHIGHnav-
4Shared DataHIGHshared-
5LayoutsMEDIUMlayout-
6File UploadsMEDIUMupload-
7Advanced PatternsLOWadvanced-

Quick Reference

1. Page Components (CRITICAL)

  • page-props-typing - Type page props from Laravel
  • page-component-structure - Standard page component pattern
  • page-head-management - Title and meta tags with Head
  • page-default-layout - Assign layouts to pages

2. Forms & Validation (CRITICAL)

Sponsors

Details

Repository
github.com/asyrafhussin/agent-skills
Categories
Frontend Development, AI & Agent Building, PHP & Laravel
First seen
May 16, 2026

More from asyrafhussin/agent-skills

All 14
1getsentry avatarsentry-react-router-framework-sdkgetsentry/sentry-for-aiFull Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure er1.9Kskills.sh installs
2sickn33 avatarfrontend-designsickn33/antigravity-awesome-skillsfrontend design1.9Kskills.sh installs
3nexu-io avatarimagegen-frontend-mobilenexu-io/open-designElite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile product1.8Kskills.sh installs
4nexu-io avatarimagegen-frontend-webnexu-io/open-designElite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal1.8Kskills.sh installs
5github avatarunit-test-vue-piniagithub/awesome-copilotWrite and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases. Use when creating or updating tests for components, composables, and stores; mock1.8Kskills.sh installs
6nickcrew avatarreact-performance-optimizationnickcrew/claude-ctx-pluginreact performance optimization1.7Kskills.sh installs