TALL Stack人工智能助手

Claude Code的完整AI代理系统，针对开发进行了优化 高烟囱 原生应用程序（Tailwind CSS、Alpine.js、Laravel、Livewire） Laravel Boost MCP 整合。

🎯 特性

11名专业代理：Laravel、Livewire、Filament、安全、测试等领域的专家
17+击杀命令：CRUD、Filament资源、小部件、优化和部署的快速命令
灯丝4.x集成：完全支持领先的TALL Stack管理面板
Laravel混响支持：用于实时功能的原生WebSocket模式
现代测试：Pest 3.x，带架构测试示例
Laravel Boost MCP集成：利用Boost的MCP工具进行情境感知开发
可重用模式：11+架构模式、约定和示例
4个入门套件：SaaS、博客、电子商务和仪表板模板
Laravel 12就绪：针对最新稳定的Laravel、Livewire和生态系统进行了更新
最佳实践：遵循官方惯例和社区最佳做法
完成：涵盖从设置到部署的整个开发周期
模块化：易于扩展和定制

📋 先决条件

克劳德代码安装
使用Livewire 3.5的Laravel 11+或12+项目+
Node.js 20+和NPM用于资产管理
PHP 8.3+
（可选） Laravel Boost 用于MCP上下文感知开发
（可选） 长丝4.x 用于高级管理面板

🚀 快速开始

1.底座安装

克隆或复制 .claude Laravel项目根目录下的文件夹：

# If this is a separate repository
cp -r /path/to/tall-stack-ai-assistant/.claude /path/to/your-laravel-project/

# Or initialize directly in your project
cd /path/to/your-laravel-project
mkdir -p .claude/{agents,commands,prompts}

2.（可选）Laravel Boost设置

为了获得具有上下文感知的增强AI体验：

# Install Laravel Boost
composer require laravel/boost --dev
php artisan boost:install

# Configure with slash command
/boost-setup

3.项目结构

基础设置（.cloud/）：

your-laravel-project/
├── .claude/
│   ├── agents/                              # 11 specialized agents
│   │   ├── tall-stack.md                    # Main coordinator
│   │   ├── tall-stack-laravel.md            # Laravel expert
│   │   ├── tall-stack-livewire.md           # Livewire expert
│   │   ├── tall-stack-frontend.md           # UI/UX expert
│   │   ├── tall-stack-database.md           # Database expert
│   │   ├── tall-stack-security.md           # Security expert
│   │   ├── tall-stack-testing.md            # Testing expert
│   │   ├── filament-expert.md               # 🆕 Filament 4 specialist
│   │   └── boost-mcp-integration.md         # Boost MCP guide
│   ├── commands/                            # 17+ slash commands
│   │   ├── tall-new-component.md
│   │   ├── tall-crud.md
│   │   ├── tall-refactor.md
│   │   ├── tall-security.md
│   │   ├── tall-api.md
│   │   ├── tall-search.md
│   │   ├── tall-export.md
│   │   ├── tall-optimize.md
│   │   ├── tall-test.md
│   │   ├── tall-monitor.md
│   │   ├── tall-deploy.md
│   │   ├── boost-setup.md
│   │   ├── filament-setup.md                # 🆕 Filament installation wizard
│   │   ├── filament-resource.md             # 🆕 Generate Filament resources
│   │   └── filament-widget.md               # 🆕 Create dashboard widgets
│   ├── prompts/                             # Reusable patterns & conventions
│   │   ├── patterns/
│   │   │   ├── service-pattern.md
│   │   │   ├── repository-pattern.md
│   │   │   ├── action-pattern.md
│   │   │   ├── dto-pattern.md
│   │   │   └── reverb-broadcasting.md       # 🆕 WebSocket patterns
│   │   ├── conventions/
│   │   │   ├── naming.md
│   │   │   ├── coding-standards.md
│   │   │   └── git-workflow.md
│   │   └── examples/
│   │       ├── livewire-data-table.md
│   │       ├── livewire-modal-form.md
│   │       └── pest-architecture-tests.md   # 🆕 Pest 3.x testing
│   └── .ai-guidelines-examples/             # Boost guidelines templates
│       ├── tall-stack.blade.php
│       └── README.md
├── app/
├── resources/
└── ...

使用Laravel Boost（.ai/）：

your-laravel-project/
├── .ai/                                      # Created by boost:install
│   ├── guidelines/
│   │   └── tall-stack.blade.php             # Your TALL patterns
│   └── boost.json
├── .claude/                                  # Your prompts
└── ...

4.3.0的新功能🎉

主要更新：

灯丝4.x集成 -完整的管理面板支持

   /filament-setup    # Install and configure Filament 4
   /filament-resource # Generate CRUD resources
   /filament-widget   # Create dashboard widgets

Laravel Reverb（WebSockets） -原生实时功能

- 实时通知 - 实时数据表 - 聊天应用程序 - 存在渠道

Pest 3.x架构测试 -加强代码质量

- 层依赖性测试 - 命名约定测试 - 安全规则执行 - TALL堆栈特定模式

Lararal，12条回复，PHP 8.3 -最新稳定版本

- 更新了所有示例 - Laravel 12的新功能 - 性能改进

增强文档 -更多示例和模式

- 11+可重复使用的模式 - WebSocket实现指南 - 现代测试策略 - 生产部署模式

看更改日志.md 了解完整的细节和进化.md 对于路线图。

5.首次使用

标准设置：

/tall-crud

使用Laravel Boost：

# 1. Setup Boost
/boost-setup

# 2. Verify context awareness
What Livewire version is installed?

# 3. Use TALL commands with context
/tall-crud

📚 文档

可用代理

🎯 主代理： `tall-stack`

架构决策和一般问题的协调代理。

示例用法：

What's the best way to structure a multi-tenant application in the TALL Stack?

🔧 专业分代理

tall-stack-laravel -后端专家

- 数据库设计与Eloquent - 查询优化 - 作业、队列、事件 - API开发 - 测试

tall-stack-livewire -反应元件专家

- Livewire 3.x组件 - 数据绑定和验证 - 事件处理 - 文件上传 - 性能优化

tall-stack-frontend -UI/UX专家

- 顺风CSS图案 - Alpine.js交互性 - 响应式设计 - 无障碍 - 组件样式

tall-stack-database -数据库专家

- 查询优化 - N+1问题解决 - 索引策略 - 复杂的关系 - 性能调优

tall-stack-security -安全专家

- OWASP Top 10 - 认证和授权 - 输入验证 - 安全编码实践 - 安全审计

tall-stack-testing -测试专家

- PHPUnit/害虫测试 - Livewire测试 - 浏览器测试（黄昏） - TDD/BDD实践 - 测试覆盖率

boost-mcp-integration -Laravel Boost专家

- MCP服务器配置 - AI指南设置 - 情境感知开发 - 工具集成 - 最佳实践

filament-expert 🆕 - Filament管理面板专家

- 灯丝4.x配置 - 资源生成（CRUD） - 表格和表格生成器 - 自定义小部件和页面 - 主题定制 - 插件生态系统集成

斜杠命令

`/tall-new-component`

使用Tailwind样式创建新的Livewire组件。

生成：

PHP组件类
尾风叶片视图
验证规则
事件处理
加载状态

______________________________________________________________________

`/tall-crud`

为模型生成一个完整的CRUD接口。

生成：

迁移模型
工厂和播种机
Livewire组件（列表、创建/编辑）
路线
Tailwind的景色
验证和授权

______________________________________________________________________

`/tall-refactor`

按照最佳实践重构现有组件。

分析：

性能问题
代码质量
安全问题
违反最佳做法
优化机会

______________________________________________________________________

`/tall-security`

为您的应用程序进行全面的安全审计。

检查：

OWASP十大漏洞
认证和授权
输入验证
数据保护
配置安全
依赖项

______________________________________________________________________

`/tall-api`

为模型生成RESTful API资源。

创建：

API资源类
API控制器
表单请求
路线
政策
API测试

______________________________________________________________________

`/tall-search`

为模型添加全文搜索功能。

实施：

Laravel Scout设置
Meilisearch/Algolia集成
Livewire搜索组件
过滤器和刻面
实时搜索

______________________________________________________________________

`/tall-export`

添加数据导出功能（CSV、Excel、PDF）。

创建：

出口类别
Livewire导出组件
支持多种格式
大型数据集的排队导出
PDF模板

______________________________________________________________________

`/tall-refactor`

按照最佳实践重构现有组件。

分析：

性能问题
代码质量
安全问题
违反最佳做法
优化机会

______________________________________________________________________

`/tall-security`

为您的应用程序完成安全审计。

检查：

OWASP十大漏洞
认证和授权
输入验证
数据保护
配置安全

______________________________________________________________________

`/tall-api`

为模型生成RESTful API资源。

创建：

API资源类
API控制器
表单请求
路线
政策
API测试

______________________________________________________________________

`/tall-search`

为您的模型添加全文搜索功能。

实施：

设置Laravel Scout
Meilisearch/Algolia集成
Livewire组件搜索
面和过滤器
实时搜索

______________________________________________________________________

`/tall-export`

添加数据导出功能（CSV、Excel、PDF）。

创建：

出口类别
Livewire导出组件
支持多种格式
大型数据集的排队导出
PDF模板

______________________________________________________________________

`/tall-monitor`

设置性能监控和错误跟踪。

配置：

Laravel望远镜
Laravel脉动
哨兵一体化
健康检查端点
性能指标

______________________________________________________________________

`/tall-optimize`

分析和优化应用程序性能。

分析：

数据库查询（N+1个问题）
Livewire组件性能
前端优化
缓存机会
代码质量

______________________________________________________________________

`/tall-monitor`

设置性能监控和错误跟踪。

配置：

Laravel望远镜
Laravel脉动
哨兵一体化
健康检查端点
性能指标

______________________________________________________________________

`/tall-test`

为组件和功能生成全面的测试。

创建：

Livewire的功能测试
模型单元测试
验证测试
授权测试
浏览器测试（可选）

______________________________________________________________________

`/tall-deploy`

生产部署的完整指南。

包括：

部署前检查表
服务器配置
队列工作人员设置
SSL证书
监控
回滚计划

______________________________________________________________________

`/boost-setup`

使用TALL Stack配置Laravel Boost MCP的完整向导。

执行：

安装Laravel Boost
为Claude Code配置MCP服务器
制定TALL Stack AI指南
测试集成
团队文档

______________________________________________________________________

`/filament-setup` 🆕

完成Filament 4.x安装和配置向导。

执行：

通过Composer安装灯丝4
配置管理面板
创建管理员用户
设置自定义主题（可选）
安装基本插件（Shield、Breezy、媒体库）
生成第一资源
配置安全性和优化

______________________________________________________________________

`/filament-resource` 🆕

为Filament 4生成完整的CRUD资源。

生成：

带有表格和表格的资源类
型号（如果不存在）
使用适当的架构进行迁移
授权政策
资源测试
高级过滤器和批量操作
媒体上传支持
SEO领域

______________________________________________________________________

`/filament-widget` 🆕

为Filament创建自定义仪表板小部件。

类型：

统计小部件（KPI、指标）
图表小部件（线条、条形图、饼图、甜甜圈）
表格小部件（最新数据）
自定义小部件（完全可定制）

特征：

实时更新
过滤器
交互元素
性能优化

🔋 Laravel Boost集成

Laravel Boost是什么？

Laravel Boost是一个 MCP（模型上下文协议）服务器 它为Claude Code配备了超过15个专门的工具，可以实时了解你的Laravel项目。

为什么要将其与TALL Stack一起使用？

情境感知：

克劳德知道你的Livewire版本
读取实际的数据库模式
访问当前配置
搜索版本化文档

可用的MCP工具：

应用程序上下文： PHP/Laravel版本、包、模型
数据库操作： 模式检查、查询执行
代码发现： 路由、命令、配置
开发公用设施： 日志、Tinker REPL、URL生成
API文件： 17000多个具有语义搜索的Laravel文档

快速设置

# 1. Install
composer require laravel/boost --dev
php artisan boost:install

# 2. Configure for TALL Stack
/boost-setup

# 3. Copy guidelines
cp .claude/.ai-guidelines-examples/tall-stack.blade.php .ai/guidelines/

Boost工作流

User: "Create a product CRUD with image upload"

1. Claude uses .claude/commands/tall-crud
   ↓ Scaffolding pattern

2. Boost MCP provides context
   ↓ Livewire 3.x, database schema

3. Claude reads .ai/guidelines/tall-stack.blade.php
   ↓ File upload pattern, validations

4. Generated code
   ✅ Version-correct
   ✅ Schema-aware
   ✅ Pattern-following
   ✅ Production-ready

💡 实例

创建博客帖子管理器

/tall-crud

# When prompted:
Model: Post
Fields:
  - title: string, required, min:3
  - slug: string, unique
  - content: text, required
  - published_at: timestamp, nullable
Relationships:
  - belongsTo User
Soft deletes: Yes

使用Laravel Boost上下文

# First: Boost analyzes database
What tables exist in the database?

# Claude responds with actual schema

# Then: Generate context-aware CRUD
/tall-crud Post

# Result: CRUD perfectly integrated with existing schema

创建删除确认模式

/tall-new-component

# When prompted:
Name: DeleteConfirmation
Type: modal
Features:
  - Accept item ID
  - Show item details
  - Confirm/Cancel buttons
  - Emit event on delete

优化慢速组件

/tall-optimize

# Claude will analyze the project and suggest:
- Missing eager loading
- Computed properties to add
- Lazy loading for heavy components
- Caching strategies

🎨 推荐工作流程

没有Laravel Boost

# 1. Setup
composer create-project laravel/laravel my-app
cd my-app
composer require livewire/livewire
npm install -D tailwindcss
cp -r /path/to/.claude .

# 2. Development
/tall-crud Product
/tall-new-component ProductCard
/tall-test

# 3. Deploy
/tall-optimize
/tall-deploy

使用Laravel Boost

# 1. Enhanced Setup
composer create-project laravel/laravel my-app
cd my-app
composer require livewire/livewire
npm install -D tailwindcss
cp -r /path/to/.claude .
/boost-setup

# 2. Context-Aware Development
# Claude now knows everything about your project
Create a product management system with categories

# 3. Deploy
/tall-optimize
/tall-deploy

🔧 定制

添加项目模式

无增压 -编辑 .claude/agents/tall-stack.md:

## My Project Patterns

### Authentication
We use Laravel Sanctum with custom guards...

随着Boost -编辑 .ai/guidelines/tall-stack.blade.php:

## My Project Patterns

### Current Setup
- Laravel: {{ app()->version() }}
- Livewire: @if(class_exists('Livewire\Livewire')) 3.x @endif

### Our Conventions
- Components: PascalCase
- Methods: camelCase

创建自定义命令

创建 .claude/commands/my-custom-command.md:

---
description: My custom operation
---

Detailed instructions for Claude on what to do...

📦 技术栈

该系统针对以下方面进行了优化：

拉瑞维尔 11+/12+（最新稳定）
Livewire 3.5+
Tailwind CSS 3.4+
Alpine.js 3.14+
PHP 8.3+
害虫 3.x（建议用于测试）
灯丝 4.x（可选，用于管理面板）

Laravel Boost（可选但推荐）

它添加了什么：

MCP服务器： 15+上下文感知工具
人工智能指南： 自定义图案的刀片模板
API文件： 17K+文档中的语义搜索
版本意识： 特定于您版本的代码

何时使用：

✅ 大中型项目
✅ 团队共享约定
✅ 需要生成特定版本的代码
✅ 复杂的数据库模式
❌ 微小/原型项目（矫枉过正）

优点：

更快的发展： 消除猜测
更好的代码质量： 版本正确，了解架构
团队一致性： 共享AI指南
学习曲线： AI理解你的代码库

📄 许可证

MIT许可证-免费为您的项目使用和修改！

🌟 鸣谢

在Claude AI的帮助下简化TALL Stack开发。

实用链接

Laravel生态系统

Laravel 12文档
Laravel Boost -用于人工智能开发的MCP服务器
Laravel混响 -原生WebSocket服务器
Livewire 3.x文档
Filament 4.x文档

前端

测试

工具和资源

社区与学习

💬 支持

有问题吗？直接使用代理询问Claude Code！

How can I implement a real-time notification system in TALL Stack?

使用Boost MCP： 克劳德可以分析你的项目并给出具体的答案！

______________________________________________________________________

快乐编码！ 🚀

最后更新时间：2025-11-10 |版本：3.0.0-dev（Laravel 12和Filament 4就绪）

Claude Companion Tall Stack

快速接入

详细介绍

TALL Stack人工智能助手

🎯 特性

📋 先决条件

🚀 快速开始

1.底座安装

2.（可选）Laravel Boost设置

3.项目结构

4.3.0的新功能🎉

5.首次使用

📚 文档

可用代理

🎯 主代理： tall-stack

🔧 专业分代理

斜杠命令

/tall-new-component

/tall-crud

/tall-refactor

/tall-security

/tall-api

/tall-search

/tall-export

/tall-refactor

/tall-security

/tall-api

/tall-search

/tall-export

/tall-monitor

/tall-optimize

/tall-monitor

/tall-test

/tall-deploy

/boost-setup

/filament-setup 🆕

/filament-resource 🆕

/filament-widget 🆕

🔋 Laravel Boost集成

Laravel Boost是什么？

为什么要将其与TALL Stack一起使用？

快速设置

Boost工作流

💡 实例

创建博客帖子管理器

使用Laravel Boost上下文

创建删除确认模式

优化慢速组件

🎨 推荐工作流程

没有Laravel Boost

使用Laravel Boost

🔧 定制

添加项目模式

创建自定义命令

📦 技术栈

Laravel Boost（可选但推荐）

📄 许可证

🌟 鸣谢

实用链接

Laravel生态系统

前端

测试

工具和资源

社区与学习

💬 支持

目录标签

接入字段

权限和风险

来源信息

继续浏览同类 MCP

🎯 主代理： `tall-stack`

`/tall-new-component`

`/tall-crud`

`/tall-refactor`

`/tall-security`

`/tall-api`

`/tall-search`

`/tall-export`

`/tall-refactor`

`/tall-security`

`/tall-api`

`/tall-search`

`/tall-export`

`/tall-monitor`

`/tall-optimize`

`/tall-monitor`

`/tall-test`

`/tall-deploy`

`/boost-setup`

`/filament-setup` 🆕

`/filament-resource` 🆕

`/filament-widget` 🆕