TALL Stack AI Assistant

A complete AI agent system for Claude Code, optimized for developing TALL Stack applications (Tailwind CSS, Alpine.js, Laravel, Livewire) with native Laravel Boost MCP integration.

🎯 Features

11 Specialized Agents: Dedicated experts for Laravel, Livewire, Filament, Security, Testing, and more
17+ Slash Commands: Quick commands for CRUD, Filament resources, widgets, optimization, and deployment
Filament 4.x Integration: Complete support for the leading TALL Stack admin panel
Laravel Reverb Support: Native WebSocket patterns for real-time features
Modern Testing: Pest 3.x with architecture testing examples
Laravel Boost MCP Integration: Leverage Boost's MCP tools for context-aware development
Reusable Patterns: 11+ architectural patterns, conventions, and examples
4 Starter Kits: SaaS, Blog, E-commerce, and Dashboard templates
Laravel 12 Ready: Updated for the latest stable Laravel, Livewire, and ecosystem
Best Practices: Follow official conventions and community best practices
Complete: Covers the entire development cycle, from setup to deployment
Modular: Easily extendable and customizable

📋 Prerequisites

Claude Code installed
Laravel 11+ or 12+ project with Livewire 3.5+
Node.js 20+ and NPM for asset management
PHP 8.3+
(Optional) Laravel Boost for MCP context-aware development
(Optional) Filament 4.x for advanced admin panels

🚀 Quick Start

1. Base Installation

Clone or copy the .claude folder to the root of your Laravel project:

# 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. (Optional) Laravel Boost Setup

For an enhanced AI experience with context awareness:

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

# Configure with slash command
/boost-setup

3. Project Structure

Base Setup (.claude/):

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/
└── ...

With 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. What's New in 3.0 🎉

Major Updates:

Filament 4.x Integration - Complete admin panel support

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

Laravel Reverb (WebSockets) - Native real-time features
- Real-time notifications
- Live data tables
- Chat applications
- Presence channels
Pest 3.x Architecture Testing - Enforce code quality
- Layer dependency tests
- Naming convention tests
- Security rule enforcement
- TALL Stack specific patterns
Laravel 12 & PHP 8.3 - Latest stable versions
- Updated all examples
- New Laravel 12 features
- Performance improvements
Enhanced Documentation - More examples and patterns
- 11+ reusable patterns
- WebSocket implementation guides
- Modern testing strategies
- Production deployment patterns

See CHANGELOG.md for complete details and EVOLUTION.md for the roadmap.

5. First Use

Standard setup:

/tall-crud

With Laravel Boost:

# 1. Setup Boost
/boost-setup

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

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

📚 Documentation

Available Agents

🎯 Main Agent: `tall-stack`

The coordinator agent for architectural decisions and general questions.

Example usage:

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

🔧 Specialized Sub-Agents

tall-stack-laravel - Backend Expert
- Database design and Eloquent
- Query optimization
- Jobs, queues, events
- API development
- Testing
tall-stack-livewire - Reactive Components Expert
- Livewire 3.x components
- Data binding and validation
- Event handling
- File uploads
- Performance optimization
tall-stack-frontend - UI/UX Expert
- Tailwind CSS patterns
- Alpine.js interactivity
- Responsive design
- Accessibility
- Component styling
tall-stack-database - Database Specialist
- Query optimization
- N+1 problem solving
- Indexing strategies
- Complex relationships
- Performance tuning
tall-stack-security - Security Expert
- OWASP Top 10
- Authentication & authorization
- Input validation
- Secure coding practices
- Security audits
tall-stack-testing - Testing Expert
- PHPUnit/Pest tests
- Livewire testing
- Browser testing (Dusk)
- TDD/BDD practices
- Test coverage
boost-mcp-integration - Laravel Boost Expert
- MCP server configuration
- AI Guidelines setup
- Context-aware development
- Tool integration
- Best practices
filament-expert 🆕 - Filament Admin Panel Expert
- Filament 4.x configuration
- Resource generation (CRUD)
- Form and Table builders
- Custom widgets and pages
- Theme customization
- Plugin ecosystem integration

Slash Commands

`/tall-new-component`

Create a new Livewire component with Tailwind styling.

Generates:

PHP component class
Blade view with Tailwind
Validation rules
Event handling
Loading states

`/tall-crud`

Generate a complete CRUD interface for a model.

Generates:

Model with migration
Factory and seeder
Livewire components (List, Create/Edit)
Routes
Views with Tailwind
Validation and authorization

`/tall-refactor`

Refactor existing components following best practices.

Analyzes:

Performance issues
Code quality
Security concerns
Best practices violations
Optimization opportunities

`/tall-security`

Comprehensive security audit for your application.

Checks:

OWASP Top 10 vulnerabilities
Authentication & authorization
Input validation
Data protection
Configuration security
Dependencies

`/tall-api`

Generate RESTful API resources for models.

Creates:

API Resource classes
API Controller
Form Requests
Routes
Policy
API tests

`/tall-search`

Add full-text search functionality to models.

Implements:

Laravel Scout setup
Meilisearch/Algolia integration
Livewire search component
Filters and facets
Real-time search

`/tall-export`

Add data export functionality (CSV, Excel, PDF).

Creates:

Export classes
Livewire export component
Multiple format support
Queued exports for large datasets
PDF templates

`/tall-refactor`

Refactor existing components following best practices.

Analyze:

Performance issues
Code quality
Security concerns
Best practices violations
Optimization opportunities

`/tall-security`

Complete security audit for your application.

Check:

OWASP Top 10 Vulnerabilities
Authentication & authorization
Input validation
Data protection
Configuration security

`/tall-api`

Generate RESTful API resources for models.

Crea:

API Resource Classes
API Controller
Form Requests
Routes
Policy
API tests

`/tall-search`

Add full-text search capabilities to your models.

Implement:

Setup Laravel Scout
Meilisearch/Algolia integration
Livewire Component for search
Facets and filters
Real time search

`/tall-export`

Add data export functionality (CSV, Excel, PDF).

Creates:

Export classes
Livewire export component
Support for multiple formats
Queued export for large datasets
PDF template

`/tall-monitor`

Set up performance monitoring and error tracking.

Configures:

Laravel Telescope
Laravel Pulse
Sentry integration
Health check endpoints
Performance metrics

`/tall-optimize`

Analyze and optimize application performance.

Analyzes:

Database queries (N+1 problems)
Livewire component performance
Frontend optimization
Caching opportunities
Code quality

`/tall-monitor`

Set up performance monitoring and error tracking.

Configures:

Laravel Telescope
Laravel Pulse
Sentry integration
Health check endpoints
Performance metrics

`/tall-test`

Generate comprehensive tests for components and features.

Creates:

Feature tests for Livewire
Unit tests for models
Validation tests
Authorization tests
Browser tests (optional)

`/tall-deploy`

Complete guide for production deployment.

Includes:

Pre-deployment checklist
Server configuration
Queue workers setup
SSL certificates
Monitoring
Rollback plan

`/boost-setup`

Complete wizard to configure Laravel Boost MCP with TALL Stack.

Performs:

Install Laravel Boost
Configure MCP server for Claude Code
Set up TALL Stack AI guidelines
Test integration
Team documentation

`/filament-setup` 🆕

Complete Filament 4.x installation and configuration wizard.

Performs:

Install Filament 4 via Composer
Configure admin panel
Create admin user
Set up custom theme (optional)
Install essential plugins (Shield, Breezy, Media Library)
Generate first resource
Configure security and optimization

`/filament-resource` 🆕

Generate a complete CRUD resource for Filament 4.

Generates:

Resource class with form and table
Model (if not exists)
Migration with proper schema
Policy for authorization
Tests for the resource
Advanced filters and bulk actions
Media uploads support
SEO fields

`/filament-widget` 🆕

Create custom dashboard widgets for Filament.

Types:

Stats widgets (KPIs, metrics)
Chart widgets (line, bar, pie, doughnut)
Table widgets (recent data)
Custom widgets (fully customizable)

Features:

Real-time updates
Filters
Interactive elements
Performance optimization

🔋 Laravel Boost Integration

What is Laravel Boost?

Laravel Boost is a MCP (Model Context Protocol) server that equips Claude Code with over 15 specialized tools to understand your Laravel project in real-time.

Why Use It with TALL Stack?

Context Awareness:

Claude knows your Livewire version
Reads your actual database schema
Accesses current configuration
Searches versioned documentation

Available MCP Tools:

Application Context: PHP/Laravel versions, packages, models
Database Operations: Schema inspection, query execution
Code Discovery: Routes, commands, configuration
Development Utilities: Logs, Tinker REPL, URL generation
Documentation API: 17,000+ Laravel docs with semantic search

Quick Setup

# 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/

Workflow with 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

💡 Practical Examples

Creating a Blog Post Manager

/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

With Laravel Boost Context

# 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

Creating a Delete Confirmation Modal

/tall-new-component

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

Optimizing a Slow Component

/tall-optimize

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

🎨 Recommended Workflow

Without 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

With 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

🔧 Customization

Adding Your Project Patterns

Without Boost - Edit .claude/agents/tall-stack.md:

## My Project Patterns

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

With Boost - Edit .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

Creating Custom Commands

Create .claude/commands/my-custom-command.md:

---
description: My custom operation
---

Detailed instructions for Claude on what to do...

📦 Tech Stack

This system is optimized for:

Laravel 11+ / 12+ (latest stable)
Livewire 3.5+
Tailwind CSS 3.4+
Alpine.js 3.14+
PHP 8.3+
Pest 3.x (recommended for testing)
Filament 4.x (optional, for admin panels)

Laravel Boost (Optional but Recommended)

What It Adds:

MCP Server: 15+ tools for context awareness
AI Guidelines: Blade templates for custom patterns
Documentation API: Semantic search in 17K+ docs
Version Awareness: Code specific to your versions

When to Use:

✅ Medium/large projects
✅ Teams sharing conventions
✅ Need for version-specific code generation
✅ Complex database schemas
❌ Tiny/prototype projects (overkill)

Benefits:

Faster Development: Eliminates guesswork
Better Code Quality: Version-correct, schema-aware
Team Consistency: Shared AI guidelines
Learning Curve: AI understands your codebase

📄 License

MIT License — Free to use and modify for your projects!

🌟 Credits

Created to streamline TALL Stack development with Claude AI assistance.

Useful Links

Laravel Ecosystem

Laravel 12 Documentation
Laravel Boost - MCP server for AI development
Laravel Reverb - Native WebSocket server
Livewire 3.x Documentation
Filament 4.x Documentation

Frontend

Testing

Tools & Resources

Community & Learning

💬 Support

Have questions? Ask Claude Code directly using the agents!

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

With Boost MCP: Claude can analyze your project and give specific answers!

Happy Coding! 🚀

Last updated: 2025-11-10 | Version: 3.0.0-dev (Laravel 12 & Filament 4 Ready)

Name		Name	Last commit message	Last commit date
Latest commit History 9 Commits
.ai-guidelines-examples		.ai-guidelines-examples
.claude		.claude
starters		starters
.gitignore		.gitignore
AGENTS.md		AGENTS.md
CHANGELOG.md		CHANGELOG.md
EVOLUTION.md		EVOLUTION.md
PROJECT_STATUS.md		PROJECT_STATUS.md
PROMPTS_SUMMARY.md		PROMPTS_SUMMARY.md
QUICK_START.md		QUICK_START.md
README.md		README.md
SUMMARY.md		SUMMARY.md
UPGRADE_SUMMARY.md		UPGRADE_SUMMARY.md

Folders and files

Latest commit

History

Repository files navigation

TALL Stack AI Assistant

🎯 Features

📋 Prerequisites

🚀 Quick Start

1. Base Installation

2. (Optional) Laravel Boost Setup

3. Project Structure

4. What's New in 3.0 🎉

5. First Use

📚 Documentation

Available Agents

🎯 Main Agent: tall-stack

🔧 Specialized Sub-Agents

Slash Commands

/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 Integration

What is Laravel Boost?

Why Use It with TALL Stack?

Quick Setup

Workflow with Boost

💡 Practical Examples

Creating a Blog Post Manager

With Laravel Boost Context

Creating a Delete Confirmation Modal

Optimizing a Slow Component

🎨 Recommended Workflow

Without Laravel Boost

With Laravel Boost

🔧 Customization

Adding Your Project Patterns

Creating Custom Commands

📦 Tech Stack

Laravel Boost (Optional but Recommended)

📄 License

🌟 Credits

Useful Links

Laravel Ecosystem

Frontend

Testing

Tools & Resources

Community & Learning

💬 Support

About

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Contributors

Uh oh!

Languages

🎯 Main Agent: `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` 🆕