Download the PHP package laravel-agent-kits/claude-livewire-starter-kit without Composer
On this page you can find all versions of the php package laravel-agent-kits/claude-livewire-starter-kit. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download laravel-agent-kits/claude-livewire-starter-kit
More information about laravel-agent-kits/claude-livewire-starter-kit
Files in laravel-agent-kits/claude-livewire-starter-kit
Package claude-livewire-starter-kit
Short Description Laravel starter kit for Livewire fined tuned for agentic development using Claude Code.
License MIT
Informations about the package claude-livewire-starter-kit
Claude Livewire Starter Kit
Build Laravel apps faster with AI-powered agentic development.
What is this?
An opinionated Laravel starter kit fine-tuned for agentic development with Claude Code. Instead of writing every line yourself, you collaborate with specialized AI agents that understand Laravel conventions, Livewire patterns, and testing best practices.
This kit provides:
- Multi-agent orchestration — Three specialized agents (backend, UI, QA) that handle different aspects of development
- Structured workflow — A 4-phase development cycle (Explore → Plan → Validate → Implement) that ensures quality
- Domain-specific skills — Pre-loaded knowledge for Livewire 4, Flux UI, Pest testing, and Fortify authentication
- MCP integrations — Laravel Boost for app introspection and Playwright for browser testing
Think of it as pair programming where your partner already knows Laravel inside and out.
Features
-
Pre-configured Claude Code agents
backend-engineer— APIs, database, Eloquent, services, authenticationui-engineer— Livewire components, Blade templates, Flux UI, Tailwindqa-expert— Test strategy, E2E testing, quality metrics
-
Domain-specific skills that activate automatically
- Livewire 4 single-file components
- Flux UI Free component library
- Pest 4 testing framework
- Laravel Fortify authentication
-
Structured development workflow
- Mandatory exploration before implementation
- Plan approval gates
- Subagent delegation rules
-
Modern Laravel stack
- Laravel 12 with streamlined structure
- Livewire 4 with islands, async actions, and new directives
- Tailwind CSS 4 with CSS-first configuration
- Flux UI Free for polished components
- Ready-to-use authentication
- Login, registration, password reset
- Email verification
- Two-factor authentication (2FA)
- Profile management
Tech Stack
| Technology | Version | Purpose |
|---|---|---|
| Laravel | 12.x | PHP framework |
| Livewire | 4.x | Reactive components |
| Tailwind CSS | 4.x | Utility-first CSS |
| Flux UI | 2.x (Free) | Component library |
| Pest | 4.x | Testing framework |
| Fortify | 1.x | Authentication backend |
| PHP | 8.2+ | Runtime |
Prerequisites
Before you begin, make sure you have:
- PHP 8.2+ with required extensions
- Composer for PHP dependencies
- Node.js 18+ and npm for frontend assets
- Claude Code CLI installed and authenticated
- SQLite (default) or MySQL/PostgreSQL
Install Claude Code
If you haven't already, install Claude Code:
Then authenticate:
Quick Start
Option 1: Laravel Installer (Recommended)
Option 2: Composer Create-Project
Post-Installation
Then open your browser to http://localhost:8000.
MCP Server Setup
This starter kit is designed to work with two MCP (Model Context Protocol) servers that supercharge Claude Code's capabilities.
1. Laravel Boost (Required)
Laravel Boost gives Claude Code deep insight into your Laravel application — database schemas, routes, configurations, error logs, and version-specific documentation.
Installation
What it provides
| Tool | Purpose |
|---|---|
application-info |
App overview, packages, environment |
database-schema |
Table structures and relationships |
list-routes |
All registered routes |
search-docs |
Version-specific Laravel documentation |
tinker |
Execute PHP in app context |
last-error |
Recent application errors |
browser-logs |
Frontend console output |
Configuration
Laravel Boost is auto-configured via the mcp.json file in your project root. No additional setup required.
2. Playwright MCP (Recommended)
Playwright MCP enables Claude Code to interact with your application in a real browser — taking screenshots, filling forms, clicking buttons, and verifying visual output.
Installation
That's it! Claude Code will handle the rest.
What it provides
| Tool | Purpose |
|---|---|
browser_navigate |
Load pages |
browser_click |
Click elements |
browser_fill_form |
Complete forms |
browser_take_screenshot |
Capture visual state |
browser_console_messages |
Check for JS errors |
browser_resize |
Test responsive design |
Project Structure
The Agent System
This starter kit uses a multi-agent orchestration pattern. You (or the main Claude instance) act as the orchestrator, delegating work to specialized agents.
How It Works
The 4-Phase Workflow
Every non-trivial task follows this cycle:
- Explore — Gather context, read files, understand existing patterns
- Plan — Design the implementation approach, present for approval
- Validate — Wait for explicit user approval before writing code
- Implement — Delegate to appropriate agents, execute the plan
This prevents wasted effort and ensures alignment with your vision.
Example Delegation
Available Scripts
Composer Scripts
NPM Scripts
Artisan Commands
Skills Reference
Skills activate automatically based on what you're working on:
| Skill | Activates When |
|---|---|
livewire-development |
Creating Livewire components, using wire: directives, debugging reactivity |
fluxui-development |
Building with Flux UI components, forms, modals, buttons |
pest-testing |
Writing tests, TDD, assertions, debugging test failures |
developing-with-fortify |
Authentication features, 2FA, password reset, email verification |
You can also manually invoke skills:
Tips for Best Results
-
Be specific about what you want — "Add a contact form with name, email, and message fields that sends an email" is better than "add a form"
-
Let the workflow guide you — Don't skip the exploration and planning phases; they prevent rework
-
Trust the agents — Each agent is specialized; let them do their job
-
Review the plans — The validation phase exists for a reason; use it to catch misunderstandings early
- Use the MCP tools — Laravel Boost's
search-docstool provides version-specific documentation that's invaluable
Troubleshooting
Vite manifest error
Run npm run build or start the dev server with npm run dev.
MCP server not connecting
- Ensure the MCP server is installed (
npm list -g @anthropic-ai/mcp-playwright) - Check your
settings.jsonconfiguration - Restart Claude Code
Tests failing after changes
Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
License
This project is open-sourced software licensed under the MIT license.
Built with Laravel, Livewire, and Claude Code.
All versions of claude-livewire-starter-kit with dependencies
laravel/fortify Version ^1.30
laravel/framework Version ^12.0
laravel/tinker Version ^2.10.1
livewire/flux Version ^2.9.0
livewire/livewire Version ^4.0