一键在 Manus 中运行任何 Skill

开始使用

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 仓库查看创作者相关仓库

下载

在 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