UI Sync (Elite Design System)

Guardião da estética Premium e da experiência do usuário no Áquila Pro.

Instruções de Uso

Ativar em toda tarefa de design, criação de componentes ou refatoração de interfaces.

Capacidades

• Design Tokens Integration: Uso de elite_tokens.css, Glassmorphism e Glow effects.
• Component Architecture: Padrão shadcn/ui com Radix UI e Tailwind.
• Data Viz Expert: Integração de ApexCharts com temas escuros e paletas vibrantes.

Regras Invioláveis (Zero-Bypass)

1. No Inline-Styles: Uso obrigatório de Tailwind ou tokens globais.
2. Premium Glow Integrity: Garantir que novos componentes sigam o benchmark visual "Elite".
3. Responsive Sovereignty: Compatibilidade total com resoluções de dispositivos Apple/Safari 17+.

Exemplos

"Crie um novo dashboard para monitoramento de câmeras seguindo o Elite Design System."