---
name: react-frontend
description: Implementar e revisar frontends React, Next e Vite usando componentes, rotas, estado, testes e design system existentes. Use quando o projeto detectar react, next ou vite.
---

# React Frontend

## Procedimento

1. Confirme framework, roteador, biblioteca de UI, tokens e estratégia de dados.
2. Reutilize componentes e hooks existentes antes de criar abstrações.
3. Cubra loading, vazio, erro, sucesso, disabled, responsivo e acessibilidade.
4. Prefira testes de comportamento visível com a ferramenta já configurada.
5. Rode typecheck/lint/test/build conforme scripts do projeto.

## Regra

Não introduza Tailwind, shadcn, CSS-in-JS ou state library nova sem evidência de uso ou Tech Spec aprovada.

## Objetivo

Ativar esta skill quando os sinais do projeto baterem com o contexto descrito e complementar o fluxo SDD sem depender dele.

## Evidências

Reporte sinais detectados, arquivos consultados, comandos executados e lacunas.

## Fallback

Se os sinais forem inconclusivos, use `project-conventions`, registre a incerteza e siga validação manual.
