ワンクリックでManusで任意のスキルを実行

始める

laravel-blade-components-and-layouts

スター141

フォーク1

更新日2026年7月2日 02:18

Compose UIs with Blade components, slots, and layouts; keep templates pure and testable

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

jpcaparas

jpcaparas/superpowers-laravel

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

Blade Components and Layouts

Encapsulate markup and behavior with components; prefer slots over includes.

Commands

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

Patterns

Keep components dumb: pass data in, emit markup out
Use merge() to honor passed classes/attributes in components
Prefer named slots for readability
Extract small, reusable atoms rather than giant organisms
Laravel 13+: use the @fonts directive (with the Vite font plugin) in layout <head> to emit preload links and @font-face rules automatically; @fonts(["sans", "mono"]) for a subset

このリポジトリの他の Skills

同じリポジトリ

laravel-ai-sdk

jpcaparas/superpowers-laravel

Build AI features with the first-party Laravel AI SDK (Laravel 13+); agents, embeddings, images, audio, and tool calling with provider-agnostic APIs

2026-07-02141

laravel-api-resources-and-pagination

jpcaparas/superpowers-laravel

Use API Resources with pagination and conditional fields; keep response shapes stable and cache-friendly

2026-07-02141

laravel-code-review-requests

jpcaparas/superpowers-laravel

Request effective code reviews—specify focus areas, provide context, ask for architectural feedback, reference Laravel conventions

2026-07-02141

laravel-daily-workflow

jpcaparas/superpowers-laravel

Practical daily checklist for Laravel projects; bring services up, run migrations, queues, quality gates, and tests

2026-07-02141

laravel-debugging-prompts

jpcaparas/superpowers-laravel

Create effective debugging prompts—include error messages, stack traces, expected vs actual behavior, logs, and attempted solutions

2026-07-02141

laravel-effective-context

jpcaparas/superpowers-laravel

Provide comprehensive context in prompts—files, errors, Laravel version, dependencies, and monorepo details—for accurate AI responses

2026-07-02141

name	laravel:blade-components-and-layouts
description	Compose UIs with Blade components, slots, and layouts; keep templates pure and testable

Blade Components and Layouts

Encapsulate markup and behavior with components; prefer slots over includes.

Commands

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

Patterns

Keep components dumb: pass data in, emit markup out
Use merge() to honor passed classes/attributes in components
Prefer named slots for readability
Extract small, reusable atoms rather than giant organisms
Laravel 13+: use the @fonts directive (with the Vite font plugin) in layout <head> to emit preload links and @font-face rules automatically; @fonts(["sans", "mono"]) for a subset