Menu
Compose UIs with Blade components, slots, and layouts; keep templates pure and testable
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | laravel:blade-components-and-layouts |
| description | Compose UIs with Blade components, slots, and layouts; keep templates pure and testable |
Encapsulate markup and behavior with components; prefer slots over includes.
sail artisan make:component Alert # or: php artisan make:component Alert
// Use component
<x-alert type="warning" :message="$msg" class="mb-4" />
// Layouts + stacks
@extends('layouts.app')
@push('scripts')
<script>/* page script */</script>
@endpush
merge() to honor passed classes/attributes in components@fonts directive (with the Vite font plugin) in layout <head> to emit preload links and @font-face rules automatically; @fonts(["sans", "mono"]) for a subsetBuild AI features with the first-party Laravel AI SDK (Laravel 13+); agents, embeddings, images, audio, and tool calling with provider-agnostic APIs
Use API Resources with pagination and conditional fields; keep response shapes stable and cache-friendly
Request effective code reviews—specify focus areas, provide context, ask for architectural feedback, reference Laravel conventions
Practical daily checklist for Laravel projects; bring services up, run migrations, queues, quality gates, and tests
Create effective debugging prompts—include error messages, stack traces, expected vs actual behavior, logs, and attempted solutions
Provide comprehensive context in prompts—files, errors, Laravel version, dependencies, and monorepo details—for accurate AI responses