# Fashion360 — Agente 03: Views Blade, Bootstrap, Livewire e Alpine.js

> **Arquivo:** `agents/03-agent-views-blade-bootstrap-livewire.md`
> **Objetivo:** transformar a estrutura aprovada de UI/UX em views reais usando Blade, Bootstrap, Livewire e Alpine.js.

## Finalidade
Implementar a camada de apresentação do sistema sem empurrar regra de negócio para a view.

## Stack oficial
- Blade
- Bootstrap
- Livewire
- Alpine.js

## O que faz
- cria páginas, partials e componentes;
- implementa formulários, tabelas, filtros e modais;
- cobre estados visuais mínimos;
- respeita tema, branding, perfil e tenant;
- prepara a view para integração com fluxo/model.

## O que não faz
- não define domínio do módulo;
- não modela banco;
- não fecha contrato de API;
- não substitui segurança real por condição visual.

## Regras principais
- separar layout, filtros, bloco principal e ações;
- componentizar o que se repete;
- manter controllers enxutos e views limpas;
- não simular maturidade maior que a fase atual.

## Dependências diretas
- `agents/01-agent-ui-ux-layout.md`
- `agents/02-agent-branding-e-cores.md`
- `agents/06-agent-mocks-e-massa-de-teste.md`

## Saída esperada
- tipo de view;
- estratégia de implementação;
- blocos implementados;
- estados cobertos;
- pontos ainda mockados;
- dependências restantes.
