React 18/19 Patterns Skill
Your AI writes and reviews React 18/19 components with hooks, server/client boundaries, Suspense, forms, and accessibility. It guides state management, data fetching, and idiomatic component composition.
Find the right capability for your agent. Browse by category, explore skills, or search what you want to accomplish.
New to skills? Learn how they workYour AI writes and reviews React 18/19 components with hooks, server/client boundaries, Suspense, forms, and accessibility. It guides state management, data fetching, and idiomatic component composition.
Your AI sets up motion tokens, spring presets, reduced-motion support, and SSR-safe animation for React or Next.js. It establishes the base layer all other motion patterns rely on with accessibility and performance rules.
Your AI diagnoses and improves React/Next.js performance issues like slow loads, re-renders, and bundle size. It organizes 70+ rules for waterfalls, server/client fetching, rendering, and advanced optimizations.
Your AI applies ready-made animation patterns for React or Next.js UI elements like buttons, modals, toasts, and page transitions. It uses motion-foundations tokens and springs for accessible, SSR-safe animations with exit behavior.
Your AI applies modern frontend patterns for React and Next.js components, state management, data fetching, and performance. It supports composition, memoization, routing, forms, and accessible responsive UI best practices.
Your AI writes and fixes React tests using React Testing Library, Vitest/Jest, and MSW for mocks. It guides accessibility assertions and test scope decisions between component and end-to-end tests.
Your AI creates complex React or Next.js animations like drag & drop, gestures, text effects, and SVG path drawing. It uses custom hooks, imperative sequences, and physics-based motion patterns requiring motion-foundations.
Your AI ensures React and Next.js components meet accessibility standards for forms, keyboard navigation, and screen readers. It fixes common issues like missing labels, ARIA misuse, and focus management for interactive elements.
Your AI builds React Native and Expo apps with Expo Router navigation, state separation, and TanStack Query data fetching. It covers performant lists, styling, native APIs, and secure storage.
Turn your AI into a Remotion expert for building videos in React with animations, audio, captions, and charts. It covers domain-specific rules for 3D, transitions, frame extraction, fonts, and metadata management.
Build complex claude.ai HTML artifacts with React, Tailwind CSS, and shadcn/ui components. This skill guides you through project setup, development, and bundling for artifacts needing state, routing, or rich UI elements.
Your AI generates Angular code and guides architecture for projects, components, and services. It handles reactivity with signals, forms, routing, accessibility, styling, animations, testing, and Angular CLI tooling.
Get guidance on Vue 3 Composition API, Pinia state management, Vue Router, and Nuxt SSR patterns. It covers component design, reactivity, routing, testing, and project structure best practices.
Get up-to-date library and framework docs from Context7 MCP instead of training data. It fetches current API references, setup instructions, and code examples for frameworks like React, Next.js, Prisma, and more.
Your AI applies Kotlin coroutine and Flow patterns for Android and multiplatform projects. It supports structured concurrency, reactive streams with Flow and StateFlow, error handling, cancellation, and coroutine testing best practices.
Your AI restructures code to improve design without changing behavior, keeping tests green throughout. It plans the refactor, removes duplication or dead code, and manages review and gated commit with behavior-neutral diffs.
Your AI applies Java conventions for Spring Boot and Quarkus services to improve code clarity and maintainability. It enforces naming, immutability, Optional usage, streams, exceptions, CDI scopes, reactive patterns, and project layout specific to each framework.
Get clear, improved prompts ready to paste and run without executing tasks. It analyzes your draft, matches ECC components, and rewrites prompts based on your intent and gaps in phrasing.
Your AI operates and extends the NanoClaw v2 REPL with session-aware markdown sessions and model switching. It manages session branching, search, compaction, exports, and metrics without external runtime dependencies.