Каталог навыков агентов

Reasoning and acting loops for dynamic tool invocation.

Modern React development with React 19 features, hooks, components, and server-side capabilities

Apply when writing React components. Hook discipline, state placement, performance, async cleanup, and list keys.

Core React 19 patterns including hooks, Suspense, lazy loading, component structure, TypeScript best practices, and perf...

Route React UI work to ReactStore and Preact signals: signal-first reads, necessary .useValue fallbacks, tracking, lifec...

React patterns with destructured props, compiler optimization, Effects, and Tailwind v4 syntax. ALWAYS use when using Re...

React 19 — функциональные компоненты, хуки, правила состояния, мемоизация, Server/Client Components, error boundaries. U...

React component discipline: pure components, minimal state, effects as escape hatches. Invoke whenever task involves any...

Analyzes React/Next.js code for performance bottlenecks, focusing on waterfalls, bundle size, and rendering efficiency.

Establish governance models for large React 18 codebases to preserve architectural integrity.

Leverage compiler-level optimizations to minimize re-renders and improve scheduling efficiency.

Identify and mitigate data races arising from concurrent renders and asynchronous effects.

Formalize dataflow semantics in React 18 applications to ensure correctness across asynchronous boundaries.

Model and mitigate security risks that arise from advanced rendering and hydration flows.

Guide for React 19 development with Actions, Server Components, and new hooks. Use for building React 19 apps, form hand...

React 19.2 features - use(), useOptimistic, useActionState, useEffectEvent, Activity component, React Compiler. Use when...

Use when implementing React 19.3 patterns — use(), useOptimistic, useActionState, useEffectEvent, Activity, ViewTransiti...

React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.

React 19 patterns with React Compiler. Trigger: When writing React 19 components/hooks in .tsx (React Compiler rules, ho...

Comprehensive React 19 patterns including all hooks, Server/Client Components, Suspense, streaming, and transitions. Ens...

DEPRECATED for new standalone React/TypeScript work; use react-agent-skills / react-accessibility + react-performance in...

Automatically validate React/Next.js components meet WCAG 2.1 AA standards. Use when creating components, forms, buttons...

Implement semantic names, keyboard and focus.

Display user-facing alerts, notifications, and feedback messages using toast notifications from the sonner library. Use...

Configure React frontend with django-allauth headless API integration, including authentication UI, auth state managemen...

Use when auditing, scaffolding, or validating MetaSaver React portal app directory structure. Includes file organization...

Create the complete frontend architecture for a new entity in the React application. Generates TypeScript types, service...

React 19 standards — TypeScript strict, feature-based components, hooks-first composition, TanStack Query for server sta...

DEPRECATED for new standalone React/TypeScript work; use react-agent-skills / react-architecture instead. Select only to...

Use when fixing bugs, something broken, not working, or doesn't work in React - also when adding features, request says...

React Aria (Adobe) accessible component patterns for building WCAG-compliant interactive UI with hooks. Use when impleme...

Async/await correctness in React with Zustand. Use when debugging race conditions, missing awaits, floating promises, or...

React development guidelines with hooks, component patterns, state management, and performance optimization.

React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactori...

React best practices from react.dev and Vercel. Use when: (1) Reviewing React code, (2) Debugging performance issues, (3...

React/Next.js performance optimization with 40+ rules in 8 categories

MUST be used for React tasks. Strongly recommends functional components with Hooks and TypeScript as standard approach....

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Use when writing...

React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactori...

Comprehensive React and Next.js best practices guide covering performance optimization, component architecture, shadcn/u...

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, r...

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, r...

React & Next.js engineering standards.

Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bun...

React performance optimization guidelines from Mastra Engineering. This skill should be used when writing, reviewing, or...

React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactori...

React and Next.js performance optimization from Vercel Engineering. Use when building React components, optimizing perfo...

React best practices and performance optimization for Benefriches (Vite + Redux). Reference when writing components, imp...

React and Next.js performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring...

React & Next.js engineering standards.

Use when writing or reviewing React components and hooks — component design, state management, data fetching, memoizatio...

React component, state, effects, and performance best practices. Use when writing, reviewing, or refactoring React compo...

React and Next.js performance playbook distilled from Vercel Engineering guidance. Use when building, reviewing, or refa...

React & Next.js engineering standards.

Apply React and Next.js performance optimization guidelines from Vercel Engineering — 40+ rules covering components, dat...

React and Next.js performance optimization guidelines from Vercel Engineering. Contains 45+ rules across 8 categories, p...

React and Next.js performance optimization guidelines from Vercel Engineering. 57 rules across 8 categories for writing,...

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, r...

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, r...

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, r...

Integrate, customize, and contribute to react-bits (github.com/DavidHDev/react-bits) — the largest and most creative lib...

Over 215+ animated, interactive, copy-paste React micro-components and effects (text animations, interactive backgrounds...

Catalog + task router for React Bits — 130 open-source animated, interactive, fully customizable React components (David...

Build scalable React applications with proper component architecture, custom hooks, state management, and performance op...

Organize long or disorganized className attributes in React components into semantic groups using cn() or className

Clean Architecture for React Native (Expo) with TypeScript and Bun. Use this skill when creating features, refactoring c...

Keep React UI components clean; move logic into hooks and services

Applies GAIA's patterns and conventions for writing and editing React components and hooks. Use this skill whenever writ...

Patterns and conventions for writing and editing React code, including components and hooks. Use this skill whenever wri...

Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI.

Use when a React implementation task is complete and needs quality-focused code review, especially test quality validati...

Review React/TypeScript code against established coding guidelines. Use when reviewing React components, performing code...

Provides comprehensive code review capability for React applications, validates component architecture, hooks usage, Rea...

Master React code review patterns including hooks rules, useEffect dependencies, state management, performance optimizat...

Review checklists and patterns for React/TypeScript frontend code reviews. Use when: (1) reviewing React components, (2)...

Principal-engineer-level React refactoring patterns for eliminating code smells. Covers prop drilling, state explosion,...

Write modern React components with TypeScript, hooks, and best practices. Creates functional components, custom hooks, a...

Enforces project React coding conventions automatically when creating or modifying React components. This skill should b...

Deep dive into the React Compiler (formerly React Forget) to tune automatic memoization and optimization profiles.

生成React组件，包含TypeScript、hooks、状态管理和无障碍最佳实践。支持函数组件、自定义hooks和Context Provider。

World Pulse: When creating or modifying any React component in `src/renderer/`.

React 컴포넌트와 관련 파일들(hook, style, test)을 생성합니다. 사용자가 "컴포넌트 만들어", "새로운 React 컴포넌트", "컴포넌트 생성"과 같은 요청을 할 때 사용합니다.

React 컴포넌트 생성, shadcn/ui 통합 작업 시 사용. component, 컴포넌트, UI, shadcn 키워드에 자동 활성화.

Debug React component issues including TypeScript types, props, state management, hooks, and rendering problems. Use whe...

Scaffolds React/Next.js components with TypeScript, CSS modules, tests, and Storybook stories. Use when the user asks to...

Modern React component patterns with hooks, composition, and TypeScript

React Server Components vs Client Components decision framework, "use client" criteria, and composition patterns. Keywor...

Define component boundaries, props and slots.

Build component behavior and presentation.

Create new React components following project patterns and best practices. Includes proper typing, testing, and document...

创建符合项目规范的 React 组件，应用 Positivus 设计系统

When building or refactoring React UI components to ensure reusability and maintainability.

Design React components following Tetris architecture guidelines. Use when creating new components, refactoring componen...

Build React components with proper patterns, accessibility, and composition. Use when creating new components, refactori...

Expert in React 19 and Next.js 16 development with modern patterns including Server Components, hooks, and performance o...