⚠️
重要前提
安装AI Skills的关键前提是：必须科学上网，且开启TUN模式，这一点至关重要，直接决定安装能否顺利完成，在此郑重提醒三遍：科学上网，科学上网，科学上网。查看完整安装教程 →
Laravel Blade组件与布局指南：创建可复用组件、使用插槽与布局技巧
laravel%3Ablade-components-and-layouts by jpcaparas/superpowers-laravel
安装命令
npx skills add https://github.com/jpcaparas/superpowers-laravel --skill laravel:blade-components-and-layouts🇨🇳中文介绍
组件与布局
通过组件封装标记和行为；优先使用插槽而非包含。
命令
sail artisan make:component Alert # 或: php artisan make:component Alert
// 使用组件
<x-alert type="warning" :message="$msg" class="mb-4" />
// 布局 + 堆栈
@extends('layouts.app')
@push('scripts')
<script>/* 页面脚本 */</script>
@endpush
模式
- 保持组件简单：传入数据，输出标记
- 使用
merge()方法以尊重组件中传入的类/属性 - 为提高可读性，优先使用命名插槽
- 提取小型、可复用的原子组件，而非庞大的有机体
每周安装量
69
代码仓库
GitHub 星标数
122
首次出现
2026年1月21日
已安装于
opencode53
gemini-cli51
claude-code48
github-copilot48
codex47
amp42
🇺🇸English
Blade Components and Layouts
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
