Frontend work often drifts from product design rules and misses required states. This skill guides Claude, Codex, and Claude Code through consistent React, Next.js, shadcn/ui, and Tailwind changes for Unite-Hub.

Backend changes can break data isolation, authentication, or integrations. This skill guides Claude, Codex, and Claude Code through secure Unite-Hub backend work.

Teams need consistent API routes that protect workspace data. This skill gives repeatable Next.js and Supabase patterns for validation, queries, and responses.

Updating model identifiers and prompts across providers can be inconsistent. This skill guides targeted Opus 4.5 migrations with provider settings and prompt adjustments.

Claude API details change across models, SDKs, and platforms. This skill provides current, language-specific guidance for implementation, migration, authentication, and debugging.

React teams often repeat styling decisions across components and layouts. This skill provides reusable Tailwind, CSS Modules, CSS-in-JS, theming, animation, and layout patterns.

Routing decisions in React apps can create broken links and fragile state. This skill provides practical React Router and Next.js patterns for paths, links, redirects, and URL state.

React Native teams often lose time on stale state, async action timing, and avoidable renders. This skill provides Zustand patterns that make store behavior easier to reason about, test, and debug.

React Native tests often fail when native modules, stores, and async flows are not mocked consistently. This skill provides practical Jest and React Native Testing Library patterns.

React Native styling can become inconsistent across themes, screens, and platforms. This skill gives practical NativeWind and BrandColors patterns for Expo apps.

Complex React Native flows can fail when async steps, state updates, and UI feedback are not modeled clearly. This skill gives structured patterns for explicit flow states, validations, logging, and tests.

React Native apps can suffer from slow lists, extra renders, and JS thread stalls. This skill provides focused patterns for faster FlatList screens, memoized components, optimized selectors, cached images, and profiling.

Silent failures and weak error messages make mobile bugs hard to diagnose. This skill gives practical React Native patterns for logs, errors, tracing, and safe reporting.

React Native teams need predictable navigation across tabs, stacks, modals, and deep links. This skill provides Expo Router patterns for common routing decisions.

Expo apps often need native device features with careful permissions and platform handling. This skill provides focused patterns for adding camera, notifications, haptics, location, storage, app state, and keyboard behavior.

Expo authentication often fails because OAuth redirects, token storage, and route guards must align across app and backend. This skill provides concrete React Native patterns for Google sign-in, secure token handling, protected routes, and backend token verification.

React Native async bugs can hide in state actions, effects, and promise chains. This skill guides Claude, Codex, and Claude Code through focused async reviews and safer sequencing decisions.

React teams can hit stale state, render timing, and async action bugs when using Zustand. This skill gives direct patterns for stores, selectors, derived state, testing, debugging, and persistence.

React test suites often become flaky when async state, providers, and mocks are handled inconsistently. This skill gives Claude, Codex, and Claude Code practical patterns for focused React tests.

Complex React flows often fail through missed awaits, hidden transitions, and weak error states. This skill guides explicit state design, validation, UI feedback, and integration tests.