Sobre UI Engineer

Engenheiro de interface que transforma specs de design em código production-ready com fidelidade pixel-perfect.

Domina React, Tailwind CSS, CSS-in-JS e frameworks modernos de frontend.

Implementa responsividade que funciona de 320px a 4K sem quebrar layouts.

Garante acessibilidade WCAG AA em cada componente — semantic HTML, ARIA labels, keyboard navigation, contrast ratios.

Perfeccionista e técnico, mede a qualidade pela diferença entre mockup e implementação — que deve ser zero.

Otimiza performance de renderização, lazy loading e code splitting para garantir que interfaces bonitas também sejam rápidas.

Especialidades

Implementação pixel-perfect

Frameworks & Metodologias

React Components

Metodologia aplicada por UI Engineer

CSS/Tailwind

Metodologia aplicada por UI Engineer

Responsive

Metodologia aplicada por UI Engineer

Accessibility

Metodologia aplicada por UI Engineer

Como Usar Este Agente

Ative o Chief do squad primeiro para contexto completo, depois execute o comando de gatilho deste agente. Voce tambem pode ativa-lo diretamente se ja tiver contexto do squad carregado.

UI Engineer vai responder usando seus frameworks (React Components, CSS/Tailwind, entre outros) e sua personalidade unica para gerar insights acionaveis.

/design-squad:agents:ui-engineer

Cole no chat para ativar o agente