SKILL.md

name: laravel-blade description: Create Blade templates with components, slots, layouts, and directives. Use when building views, reusable components, or templating. user-invocable: false

Laravel Blade Templates

Documentation

Views & Templates

blade.md - Blade templating
views.md - Views
localization.md - Localization

Frontend

frontend.md - Frontend scaffolding
vite.md - Vite asset bundling

Component Class

<?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');
    }
}

Component View

<button
    type="{{ $type }}"
    {{ $disabled ? 'disabled' : '' }}
    {{ $attributes->merge(['class' => 'px-4 py-2 rounded ' . $variantClasses()]) }}
>
    {{ $slot }}
</button>

Layout

{{-- 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>

Directives

@foreach($items as $item)
    {{ $loop->index }} - {{ $loop->first }} - {{ $loop->last }}
@endforeach

@auth
    Welcome, {{ auth()->user()->name }}
@endauth

@can('update', $post)
    <button>Edit</button>
@endcan

スコア

総合スコア

60/100

リポジトリの品質指標に基づく評価

✓SKILL.md

SKILL.mdファイルが含まれている

+20

✓LICENSE

ライセンスが設定されている

+10

○説明文

100文字以上の説明がある

0/10

○人気

GitHub Stars 100以上

0/15

○最近の活動

3ヶ月以内に更新がある

0/10

○フォーク

10回以上フォークされている

0/5

✓Issue管理

オープンIssueが50未満

+5

✓言語

プログラミング言語が設定されている

+5

○タグ

1つ以上のタグが設定されている

0/5

レビュー

💬

レビュー機能は近日公開予定です