Create Blade templates with components, slots, layouts, and directives. Use when building views, reusable components, or templating.
/plugin marketplace add fusengine/claude-code-plugins/plugin install fuse:laravel@fusengine-pluginsThis skill inherits all available tools. When active, it can use any tool Claude has access to.
docs/blade.mddocs/frontend.mddocs/localization.mddocs/views.mddocs/vite.md<?php
declare(strict_types=1);
namespace App\View\Components;
final class Button extends Component
{
public function __construct(
public string $type = 'button',
public string $variant = 'primary',
public bool $disabled = false,
) {}
public function variantClasses(): string
{
return match ($this->variant) {
'primary' => 'bg-blue-500 text-white',
'danger' => 'bg-red-500 text-white',
default => 'bg-gray-200 text-gray-800',
};
}
public function render(): View
{
return view('components.button');
}
}
<button
type="{{ $type }}"
{{ $disabled ? 'disabled' : '' }}
{{ $attributes->merge(['class' => 'px-4 py-2 rounded ' . $variantClasses()]) }}
>
{{ $slot }}
</button>
{{-- resources/views/layouts/app.blade.php --}}
<!DOCTYPE html>
<html>
<head>
<title>{{ $title ?? 'My App' }}</title>
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body>
<x-navigation />
<main>{{ $slot }}</main>
<x-footer />
</body>
</html>
@foreach($items as $item)
{{ $loop->index }} - {{ $loop->first }} - {{ $loop->last }}
@endforeach
@auth
Welcome, {{ auth()->user()->name }}
@endauth
@can('update', $post)
<button>Edit</button>
@endcan
This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples. Activates for setup questions, code generation involving libraries, or mentions of specific frameworks like React, Vue, Next.js, Prisma, Supabase, etc.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.