Explorar skills

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Error boundary patterns, fallback UI, reset/retry, react-error-boundary library, React 19 createRoot error hooks

React Testing Library patterns - query hierarchy, userEvent, async utilities, renderHook, custom render with providers, accessibility-first testing

Battle-tested Playwright E2E testing patterns for Next.js/React apps. Use when writing, running, debugging, or fixing Playwright tests. Also triggers on 'e2e', 'end-to-end', 'playwright', 'browser test', 'UI test', 'integration test with browser', 'flaky test', 'test keeps failing'. Covers locators, assertions, fixtures, auth, network mocking, flaky test diagnosis, Next.js-specific patterns, and d

Type-safe client-side routing for React with file-based routes, search params validation, loaders, and code splitting

React Native mobile development patterns - New Architecture (Fabric, TurboModules, JSI), component architecture, React Navigation 7+, FlashList v2 optimization, gestures with Reanimated 4, platform-specific code, React 19 features

React Query server state, hey-api OpenAPI codegen, type-safe data fetching

tRPC type-safe API patterns, procedures, middleware, React Query integration

Vue 3 Composition API patterns, reactivity primitives, composables, lifecycle hooks

Diretrizes de otimização de desempenho para React e Next.js da Engenharia da Vercel. Use esta skill ao escrever, revisar ou refatorar código React/Next.js para garantir padrões de desempenho ideais, cobrindo componentes, páginas, busca de dados e otimização de bundle.

Resend + React Email templates

Biblioteca de UI empresarial Ant Design para React.