Frontend Development

Instale e use o vercel-react-best-practices para aplicar as recomendações da Vercel Engineering e criar código React e Next.js mais rápido, tomar melhores decisões de bundle e reduzir regressões de performance.

Instale e avalie o vercel-react-native-skills, uma skill de boas práticas para React Native e Expo focada em performance mobile, padrões de UI, animações e arquitetura de apps nativos.

Use a skill frontend-design para criar interfaces frontend refinadas, com direção visual forte, código prático e resultados de UI acima do genérico.

Instale e use vercel-composition-patterns para aplicar padrões de composição em React escaláveis, incluindo compound components, lifted state, explicit variants e APIs compatíveis com React 19.

Crie artefatos HTML complexos para Claude com React, TypeScript, Tailwind CSS e shadcn/ui, e depois empacote tudo em um único arquivo HTML portátil.

Skill baseada em Playwright para testar aplicações web locais, inspecionar o estado renderizado da UI, capturar screenshots e coletar logs do console do navegador.