AI-assisted development - Introduction - Filament
Extracto
This page is inspired by Laravel’s AI Assisted Development documentation. Laravel Boost is developed by the Laravel team, and you can find out more about it in their official docs, alongside other information about building Laravel projects with AI assistance.
Resumen
Resumen Principal
La documentación presenta dos herramientas clave para la mejora de la productividad en el desarrollo de aplicaciones Filament con asistencia de IA: Laravel Boost y Filament Blueprint. Laravel Boost, desarrollado por el equipo de Laravel e inspirado en su documentación de desarrollo asistido por IA, dota a agentes de codificación como Claude Code o GitHub Copilot de directrices específicas para escribir código Filament idiomático y alineado con las convenciones del framework. Permite, además, que estos agentes busquen respuestas en la documentación de Filament. Complementariamente, Filament Blueprint es una extensión premium que aborda un desafío crucial: la fase de planificación. Cuando los agentes de IA carecen de una especificación clara y detallada, pueden generar código ambiguo. Blueprint resuelve esto proporcionando pautas de planificación estructuradas que resultan en documentos de especificación precisos y sin ambigüedades, cubriendo desde modelos y recursos hasta formularios, tablas, autorización y pruebas, asegurando que el agente implementador tenga todo lo necesario para escribir código correcto al primer intento.
Elementos Clave
- Laravel Boost para la Implementación Asistida por IA: Esta herramienta se instala como una dependencia de desarrollo y, tras una configuración interactiva, proporciona a los agentes de IA directrices para la escritura de código Filament que sigue las convenciones del framework. Adicionalmente, habilita la búsqueda de documentación de Filament para los agentes, permitiéndoles resolver requisitos desconocidos y acelerar el desarrollo de la implementación de funciones específicas.
- El Desafío de la Planificación en Agentes de IA: Aunque los agentes de IA son eficientes en la implementación cuando tienen un plan claro, a menudo luchan con la fase de planificación de características complejas. Elegir los componentes adecuados, estructurar relaciones o anticipar casos excepcionales puede resultar en planes vagos, lo que lleva a un código deficiente y a un mayor tiempo de corrección manual.
- Filament Blueprint para Planes Precisos y Detallados: Filament Blueprint es una extensión premium (compatible con Filament v4+) que resuelve la deficiencia en la planificación de IA. Proporciona pautas de planificación estructuradas que guían a los agentes para producir documentos de especificación inequívocos. Estos documentos detallan elementos como atributos de modelos, comandos de scaffold de recursos, componentes de campos de formulario, reglas de validación, columnas de tabla, políticas de autorización y escenarios de prueba, anticipando y corrigiendo detalles que los agentes suelen confundir.
- Integración y Uso de Filament Blueprint: Tras la compra de una licencia, Blueprint se instala vía Composer y se integra con el instalador de Boost. Para crear un blueprint, se activa el modo de planificación en el agente de IA y se le solicita que genere un "Filament Blueprint" para una característica específica, como un sistema de gestión de pedidos. El agente producirá entonces un documento de especificación exhaustivo, listo para ser utilizado por un agente implementador, lo que demuestra un salto significativo en la calidad y el detalle de la planificación asistida por IA.
Análisis e Implicaciones
Estas herramientas transforman el desarrollo con Filament al integrar profundamente la IA en el ciclo de vida del software, desde la concepción hasta la implementación. La combinación de Boost para la ejecución idiomática y Blueprint para la planificación detallada implica una reducción drástica en el tiempo de desarrollo y los errores, elevando la calidad del código generado por IA.
Contexto Adicional
Ambas soluciones están estrechamente vinculadas al ecosistema Laravel, con Laravel Boost desarrollado directamente por el equipo de Laravel, e Filament Blueprint ofreciendo compatibilidad con Filament v4 y versiones posteriores como una extensión premium.
Contenido
Introduction
This page is inspired by Laravel’s AI Assisted Development documentation. Laravel Boost is developed by the Laravel team, and you can find out more about it in their official docs, alongside other information about building Laravel projects with AI assistance.
AI coding agents like Claude Code, Cursor, and GitHub Copilot can significantly accelerate your Filament development. Filament includes guidelines for Laravel Boost that teach AI agents how to write idiomatic Filament code and follow framework conventions. Laravel Boost even allows your agent to search the Filament documentation for answers when it encounters unfamiliar requirements.
Installing Laravel Boost
Install Boost as a development dependency:
composer require laravel/boost --dev
Then run the interactive installer and select Filament when prompted:
php artisan boost:install
The installer will detect your IDE and AI agents, generating the necessary configuration files. To verify installation, check your AGENTS.md, CLAUDE.md, or similar file for a new Filament section.
For more information about Laravel Boost, including available tools, documentation search, and IDE integration, see the Laravel AI documentation.
Filament Blueprint
The guidelines included with Boost are designed primarily for implementing agents: they help agents write correct Filament code once they know what to build. However, the quality of AI-generated code depends heavily on the quality of the plan. When an implementing agent has a clear, detailed specification, it can focus entirely on writing correct code rather than guessing at requirements or making assumptions about your intent.
For complex features, you may find that agents struggle with the planning phase: choosing the right components, structuring relationships, and anticipating edge cases. A vague plan leads to vague code, and you end up spending more time correcting the agent than you saved by using it.
Filament Blueprint is a premium extension that helps AI agents produce accurate, detailed implementation plans for Filament. It’s compatible with Filament v4 and above.
Blueprint bridges the gap between what you want and what AI agents build. Instead of hoping an agent understands Filament’s conventions, Blueprint provides structured planning guidelines that produce unambiguous specification documents.
A blueprint specifies everything an implementing agent needs:
- Models: Attributes, casts, relationships, and enums with exact syntax
- Resources: Full namespaces, scaffold commands, and configuration
- Forms: Field components, validation rules, and layout structure
- Tables: Columns, filters, actions, and sorting behavior
- Authorization: Plain-English policy rules that translate directly to code
- Testing: What to test and how to verify it works
- More: Reactive fields, wizards, imports/exports, bulk actions, widgets, multi-tenancy, and more
The guidelines cover details that agents commonly get wrong, like namespaces, method names, component selection, and nested layout calculations, so the implementing agent can write correct code on the first try.
The planning guidelines are designed for planning agents only, they shouldn’t consume the implementing agent’s context window. The planning agent copies all necessary details (namespaces, documentation URLs to fetch, exact method syntax) into the blueprint itself, so the implementing agent has everything it needs without loading the guidelines.
If you’re interested in an example of a plan that Claude Opus 4.5 can write with and without Blueprint, visit the Blueprint Plan Example section.
Installing Blueprint
To celebrate the launch of Blueprint, we’re offering a 20% discount on all Blueprint licenses using the code BPLAUNCH20 at checkout.
Blueprint is compatible with Filament v4 and above.
Once you have purchased a license for Blueprint, install it via Composer:
composer config repositories.filament composer https://packages.filamentphp.com/composer
composer config --auth http-basic.packages.filamentphp.com "YOUR_EMAIL_ADDRESS" "YOUR_LICENSE_KEY"
composer require filament/blueprint --dev
Then run the Boost installer and select Filament Blueprint when prompted:
php artisan boost:install
To verify installation, check your AGENTS.md, CLAUDE.md, or similar file for a new Filament Blueprint section.
Using Blueprint
To create a blueprint, enable planning mode in your AI agent and ask it to create a Filament Blueprint for your feature:
Create a Filament Blueprint for an order management system.
Orders belong to customers and have many order items. Each order has a status
(pending, confirmed, shipped, delivered, cancelled), shipping address, and
optional notes. Order items reference products with quantity and unit price.
I need to search orders by customer name and filter by status and date range.
The order form should calculate line totals automatically as items are added.
Only admins can delete orders, and orders can only be cancelled if not yet shipped.
The agent will produce a detailed specification document ready for direct implementation.
Blueprint Plan Example
The following prompt was used with Claude Opus 4.5 in planning mode using Claude Code CLI:
Produce an implementation plan for a Filament v4 application. The application is
a SaaS invoicing system with the following capabilities:
- Manage customers
- Manage products
- Create and edit invoices
- Add line items to invoices
- Send invoices to customers
- Record and track payments
The plan should:
- Describe the primary user flows end to end (for example: creating an invoice,
sending it, recording a payment).
- Map each domain concept and flow to concrete Filament primitives (Resources,
Relation Managers, Pages, Actions).
- Identify state transitions (such as draft → sent → paid) and the Actions that
trigger them.
You can read a plan written for this prompt without Blueprint vs. with Blueprint, and compare the level of detail and thoughtfulness. You could have a go at passing these plans to your AI agent of choice in implementation mode to see how they perform!
When using Blueprint, Using Filament Blueprint was added at the start of the prompt.
Reporting issues with Blueprint
If you encounter any issues or have suggestions for improving Filament Blueprint, please open an issue or discussion on the Filament Blueprint Issues GitHub repository. If you have account or purchase-related questions, please email [email protected].
Still need help? Join our Discord community or open a GitHub discussion