All skills
asyrafhussin avatar

/laravel-inertia-react

@ac26821

Laravel + Inertia.js + React integration patterns. Use when building Inertia page components, handling forms with useForm, managing shared data, or implementing persistent layouts. Triggers on tasks involving Inertia.js, page props, form handling, or Laravel React integration.

Use this Skill: https://skilld.dev/gh/asyrafhussin/agent-skills/laravel-inertia-react

This session only. Nothing lands on disk.

rules_template.md

≈354 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Rule Title

Brief explanation of what this rule covers and why it matters for Laravel + Inertia.js + React development.

Bad Example

// Anti-pattern: What NOT to do
// Explain why this approach is problematic

Good Example

// Correct approach: Best practice implementation
// resources/js/Pages/Example.tsx
import { useForm } from '@inertiajs/react';

// Full working example with TypeScript
export default function Example() {
  // Implementation
}

Laravel Backend (if applicable)

// app/Http/Controllers/ExampleController.php
<?php

namespace App\Http\Controllers;

use Inertia\Inertia;
use Inertia\Response;

class ExampleController extends Controller
{
    public function index(): Response
    {
        return Inertia::render('Example', [
            // Props
        ]);
    }
}

Why

This pattern is important because:

  1. Reason 1: Explanation of first benefit
  2. Reason 2: Explanation of second benefit
  3. Reason 3: Explanation of third benefit
  4. Performance: Performance implications
  5. Type Safety: TypeScript benefits
  6. Developer Experience: DX improvements
  7. Maintainability: Long-term maintenance benefits

Source: SKILL.md on GitHub

1 warning16d5 checks · Risk SAFE
  • Gen Agent Trust Hub16d

    This skill provides a comprehensive set of best practices and patterns for building applications with Laravel, Inertia.js, and React. The content consists of architectural guidance and code examples that follow official framework standards and do not exhibit any malicious behavior or security risks.

  • Socket16d

    1 alert: gptAnomaly

  • Snyk16d

    Risk: LOW · No issues

  • Runlayer6mo

    30 files scanned · No issues

  • ZeroLeaks5mo

    Score: 93/100 · 2 sections analyzed

Signed by skilld at ac26821. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub last month.

Steadyupdated 7 months ago
Other metadata
metadata
{
  "author": "AsyrafHussin",
  "version": "1.0.2",
  "laravelVersion": "13.x",
  "phpVersion": "8.3+"
}

README badge

README badge for asyrafhussin/agent-skills/laravel-inertia-react