Agent skill

laravel-11-12-app-guidelines

Guidelines and workflow for working on Laravel 11 or Laravel 12 applications across common stacks (API-only or full-stack), including optional Docker Compose/Sail, Inertia + React, Livewire, Vue, Blade, Tailwind v4, Fortify, Wayfinder, PHPUnit, Pint, and Laravel Boost MCP tools. Use when implementing features, fixing bugs, or making UI/backend changes while following project-specific instructions (AGENTS.md, docs/).

Stars 54
Forks 12

Install this agent skill to your Project

npx add-skill https://github.com/thienanblog/awesome-ai-agent-skills/tree/main/skills/laravel-11-12-app-guidelines

SKILL.md

Laravel 11/12 App Guidelines

Overview

Apply a consistent workflow for Laravel 11/12 apps with optional frontend stacks, Dockerized commands, and Laravel Boost tooling.

Quick Start

  • Read repository instructions first: AGENTS.md. If docs/ exists, read docs/README.md and relevant module docs before decisions.
  • Detect the stack and command locations; do not guess.
  • Use Laravel Boost search-docs for Laravel ecosystem guidance; use Context7 only if Boost docs are unavailable.
  • Follow repo conventions for naming, UI language, docs-first policies, and existing component patterns.

Stack Detection

  • Check composer.json, package.json, docker-compose.*, and config/* to confirm:
    • Docker Compose/Sail vs host commands
    • API-only vs full-stack
    • Frontend framework (Inertia/React, Livewire, Vue, Blade)
    • Auth (Fortify, Sanctum, Passport, custom)

Laravel 11/12 Core Conventions

  • Use the Laravel 11/12 structure: configure middleware, exceptions, and routes in bootstrap/app.php; service providers in bootstrap/providers.php; console configuration in routes/console.php.
  • Use Eloquent models and relationships first; avoid raw queries and DB:: unless truly necessary.
  • Create Form Request classes for validation instead of inline validation.
  • Prefer named routes and route() for URL generation.
  • When altering columns, include all existing attributes in the migration to avoid dropping them.
  • Ask before destructive database operations (e.g., reset/rollback/fresh).

API-Only Mode

  • Use routes/api.php; avoid Inertia and frontend assumptions.
  • Prefer API Resources and versioning if the repo already uses them.
  • Follow the repo's auth stack (Sanctum/Passport/custom) and response format conventions.
  • Do not require Vite/Tailwind/NPM unless the repo already includes them.

Inertia + React + Wayfinder (if present)

  • Use Inertia::render() for server-side routing; place pages under resources/js/Pages unless the repo says otherwise.
  • Use <Form> or useForm for Inertia forms; add skeleton/empty states for deferred props.
  • Use <Link> or router.visit() for navigation.
  • Use Wayfinder named imports for tree-shaking; avoid default imports; regenerate routes after changes if required.

Livewire / Vue / Blade (if present)

  • Follow existing component patterns and conventions; do not mix frameworks unless the repo already does.
  • Keep UI strings in the repo's expected language.

Tailwind CSS v4 (if present)

  • Use @import "tailwindcss"; and @theme for tokens.
  • Avoid deprecated utilities; use replacements (e.g., shrink-*, grow-*, text-ellipsis).
  • Use gap-* for spacing between items; follow existing dark mode conventions if present.

Testing and Formatting

  • Use PHPUnit; generate tests with php artisan make:test --phpunit and prefer feature tests.
  • Run the minimal relevant tests (php artisan test <file> or --filter=).
  • Run vendor/bin/pint --dirty before finalizing code changes.
  • After minimal tests pass, offer to run the full test suite.

Laravel Boost MCP Tools (when available)

  • search-docs before changing behavior or using framework features.
  • list-artisan-commands to confirm Artisan options.
  • list-routes to inspect routing changes.
  • tinker for PHP debugging and database-query for read-only DB checks.
  • browser-logs to inspect frontend errors.
  • get-absolute-url for sharing project URLs.
  • See references/boost-tools.md for query patterns and tool usage tips.

Output Expectations

  • Preserve existing architecture, structure, and dependencies unless the user explicitly requests changes.
  • Reuse existing components and follow local patterns.
  • Ask concise clarifying questions when repo guidance is missing or ambiguous.

Expand your agent's capabilities with these related and highly-rated skills.

thienanblog/awesome-ai-agent-skills

noizai-voice-workflow

Build human-like TTS voice workflows with style controls, local/cloud backends, and delivery-ready output. Use when the user needs expressive text-to-speech generation, voice broadcast assets, or app-ready voice messages.

54 12
Explore
thienanblog/awesome-ai-agent-skills

documentation-guidelines

Write or update backend feature documentation that follows a repo's DOCUMENTATION_GUIDELINES.md (or equivalent) across any project. Use when asked to create/update module docs, API contracts, or backend documentation that must include architecture, endpoints, payloads, Mermaid diagrams, and seeding instructions.

54 12
Explore
thienanblog/awesome-ai-agent-skills

find-scene

Search movie and TV show scenes by dialog, time, or visual description. Download video clips, extract frames, find quotes, identify movies from quotes, and query IMDB data. Use when the user wants to find a specific scene, download a clip, search for a quote in a movie/show, extract a frame, or get movie information via the find-scene API.

54 12
Explore
thienanblog/awesome-ai-agent-skills

office-web-ui-system

Design and refactor polished office-style web app interfaces for admin, internal, and back-office products. Use when an AI agent needs to build or improve dashboards, stat cards, page heroes, filter/search bars, data tables, shells, side panels, semantic locator classes, or reusable page composition that stays portable across Vue, React, Laravel, and other web stacks with or without PrimeVue.

54 12
Explore
thienanblog/awesome-ai-agent-skills

ui-mockup-visualizer

Create fixed-canvas HTML mockups for websites, mobile apps, and desktop apps so an AI agent can verify UI direction before implementation. Use when a user asks for layout ideas, wireframes, visual comparison, HTML previews, mockups, or wants to see what a sidebar, navbar, modal, dashboard section, mobile screen, or desktop panel could look like. This skill always proposes Option A, Option B, and Option C with one recommended option, mirrors the user's language in the review, uses Svelte CDN plus TailwindCSS CDN templates, starts a local preview server, captures screenshot checkpoints of the mockup region only, and turns an approved option into an implementation-ready plan.

54 12
Explore
thienanblog/awesome-ai-agent-skills

agents-md-generator

Generate or update CLAUDE.md/AGENTS.md files for AI coding agents through auto-scanning project files combined with interactive Q&A. Supports multiple tech stacks, development environments, and preserves customizations when updating.

54 12
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results