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

TanStack Router - 100% type-safe routing, file-based routes, loaders, search params. Use when implementing routing in Re...

Expertise senior/lead React developer 20 tahun dengan TanStack ecosystem (Query, Router, Table, Form, Start). Gunakan sk...

Use when implementing React + Vite + TypeScript features or bugfixes with Vitest + React Testing Library tests, before w...

Testing React SPAs: React Testing Library + Vitest/Jest for components and hooks, msw for network mocks, Playwright/Cypr...

Testing patterns for React with Jest and React Testing Library. Use when writing tests, mocking modules, testing Zustand...

Testing strategy for React apps — when to reach for Playwright (E2E) vs Vitest (unit/component) vs both, the senior test...

Testing Library for React 19 - render, screen, userEvent, waitFor, Suspense. Use when writing tests for React components...

React component testing with React Testing Library, Vitest/Jest, MSW for network mocking, accessibility assertions with...

| Tool | Purpose | Install |

Тестирование React-компонентов — Testing Library + Vitest/Jest, поведенческие проверки от лица пользователя, MSW для мок...

DEPRECATED for new standalone React/TypeScript work; use react-agent-skills / react-testing-engineering + frontend-e2e i...

React Testing Library patterns, queries, user events, and accessibility testing.

React Testing Library patterns and best practices. User-centric testing, queries, events, and assertions. Trigger: When...

React Testing Library best practices for writing maintainable, user-centric tests. Use when writing, reviewing, or refac...

Component testing using React Testing Library with user-centric queries, accessibility-focused selectors, and integratio...

3D declarativo en React con React Three Fiber + drei: Canvas, useFrame, useGLTF, Environment, ScrollControls. ÚSALA en N...

Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js. Use when building interactive...

Core transformation engine for React-to-SolidJS conversion. Contains React-to-SolidJS mapping tables, Base UI to Kobalte...

React + TypeScript patterns for production frontends. Use when building React components, hooks, state management, forms...

Build modern React applications with TypeScript. Covers React 18+ patterns, hooks, component architecture, state managem...

Modern React 19+ patterns with TypeScript including function components, hooks, state management, TanStack Query integra...

| Type | Usage | Example |

当用户要求"开发 React 组件"、"编写前端代码"、"创建界面"、"实现状态管理"、"前端开发"、"TanStack Query"、"Ant Design"、"AI 聊天组件"、"配方管理界面"、"Hooks 优化"、"表单验证"、"响...

Use when building any val with a user interface — dashboards, web apps, landing pages, forms, admin tools, anything user...

Opinionated constraints for building better interfaces with agents.

Apply React patterns and conventions when working on UI components. Use when editing files in src/ui/, creating React co...

Create production-ready React UI components using shadcn/ui and Tailwind CSS. Use when creating shared components, build...

用于加载状态、错误处理和数据获取的现代React UI模式。在构建UI组件、处理异步数据或管理UI状态时使用。

提供 React 和 Ant Design 前端開發的 UI 模式最佳實踐

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handlin...

React-Unity WebGL event hooks patterns. Use when working with Unity messaging or creating new event hooks.

Use when writing React components with useEffect, seeing useState + useEffect for derived values, resetting state on pro...

React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, da...

Checklist de quando NAO usar useEffect, baseado na doc oficial do React ("You Might Not Need an Effect"). Use ao escreve...

Reviews React/TypeScript UX code for accessibility, performance, component design, and user experience. Specializes in R...

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component...

React 18+ patterns with Vite bundler, TypeScript, hooks, component design, and state management. Activate for React apps...

Use when building or maintaining a React single-page app with Vite — project setup, routing, state, static pre-rendered...

React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built wi...

React web development with hooks, React Query, Zustand

Modern React 19+ development with Server Components, Actions, hooks, TypeScript integration, and performance optimizatio...

Expert React frontend developer with advanced Web3/blockchain experience and pixel-perfect design implementation. Use wh...

How to build a React SPA on the platform — project layout, the build-verify command, and this stack's constraints and pi...

Use when you have a spec, PRD, or requirements for a React frontend feature requiring multiple components, stores, or AP...

Zustand state management patterns for React. Use when working with Zustand stores, debugging state timing issues, or imp...

Wire ReactStore at the React app root: init/dispose ownership, runSaga startup, and Store-first dispatch. Route selector...

Adopt ReactStore by migrating shared React state/context/hooks, external stores, useMemo derivations, and useEffect side...

Assess ReactStore adoption: inventory React state, context/hooks, external stores, derivations, effects, and consumers;...

Clean up or roll back React migrations: remove old state owners, providers, hooks, adapters, wrappers, and stale imports...

Plan React JSX/TSX and custom-hook migration to ReactStore selectors and Store-first dispatch. Map consumers and rollout...

Move shared React useMemo, hook/context derivations, and repeated render calculations to ReactStore selector definitions...

Check readiness before migrating existing React state owners to ReactStore: installation, family choice, and app lifecyc...

Move shared React useEffect fetches, subscriptions, timers, and persistence to sagas; keep permitted DOM-local effects l...

Move shared React useState/useReducer, context, custom-hook, or external-store state to actions and reducers; preserve l...

Choose ReactStore selector call modes: preferred signals, necessary .useValue fallbacks, Babel/useSignals tracking, .sel...

Tune ReactStore signal/.useValue coalescing with throttledSelectorFrequency. Keep scheduling Store-owned: no private sch...

Author pure ReactStore selectors with cached ReadonlySignal results and stable scalar/signal arguments. Route consumptio...

Use Preact signals in ReactStore components/custom hooks: ReadonlySignal, .value, computed, JSX rendering, Babel/useSign...

Use @themislib/themis/react-store for ReactStore imports, init/dispose, and runSaga/dispatch/state behavior. Defer app w...

Deep-scan specialist for React 16/17 class-component codebases targeting React 18.3.1. Finds unsafe lifecycle methods, l...

Master orchestrator for React 16/17 → 18.3.1 migration. Designed for class-component-heavy codebases. Coordinates audit,...

Patrones y APIs de React 19. Usa cuando trabajes con componentes, hooks, o cualquier codigo React para asegurar que se u...

Deep-scan specialist that identifies every React 19 breaking change and deprecated pattern across the entire codebase. P...

Master orchestrator for React 19 migration. Invokes specialist subagents in sequence - auditor, dep-surgeon, migrator, t...

Source code migration engine. Rewrites every deprecated React pattern to React 19 APIs - forwardRef, defaultProps, React...

React 19 최신 패턴과 Best Practices 가이드. 컴포넌트 작성, 상태관리, 메모이제이션 최적화 시 참고. "React 19 패턴", "최신 React", "use hook", "Server Actio...

React 19 patterns and React Compiler behavior with Context shorthand syntax and use() hook. Use when working with Contex...

Builds DAG visualizations using ReactFlow v12 with custom nodes, ELKjs auto-layout, Zustand state management, and live s...

For working with any terms in the catalytic activity branch; these often correspond to RHEA or EC terms

真实生理与心理反应链。模拟面对外部刺激时的生理时延、神经节拍与真实反应链条。

Slack メッセージにリアクションを追加する。「リアクション追加」「リアクションつけて」「👍つけて」「絵文字で反応」「リアクションで返信」「いいねして」「リアクション送って」などで起動。公式Slack MCPの `slack_add_r...

Balancing chemical equations, reaction classification, stoichiometric calculations, acid-base chemistry, oxidation-reduc...

Use when the user asks to "build a win-back campaign", "re-engage lapsed subscribers", "run a re-permission / re-consent...

Expert in building blazing-fast reactive dashboards with comprehensive testing. Masters React performance patterns, test...

USE FOR: Composing event streams, UI events, timers, and asynchronous data sources using IObservable<T> with LINQ operat...

Understanding frame nesting behavior in the Reactive FRP library. Use when: (1) triggers inside callbacks don't seem to...

Create functional markdown documents with embedded interactive components for product team collaboration using the react...

Test same-frame event behavior in the Reactive FRP library. Use when: (1) testing zipE, difference, or mergeList combina...

Expert on FLUI's reactive state management with signals, hooks, and effects. Use when discussing state, signals, use_sig...

"Build reactive user interfaces by orchestrating FixiPlug state management and DOM manipulation. Use when creating dynam...

Remote functions reactive UI patterns. Use for smooth in-place updates, preventing page jumps, and managing loading stat...

USE FOR: Building MVVM applications using Reactive Extensions with ReactiveObject, WhenAnyValue, ReactiveCommand, view m...

Query the Reactome database (Analysis and Content Services). Use when the user asks about pathway analysis, gene list en...

Query Reactome REST API for pathway analysis, enrichment, gene-pathway mapping, disease pathways, molecular interactions...

Query Reactome pathways via REST: pathway queries, entity lookup, keyword search, gene list enrichment, hierarchy, cross...

Use this skill to fetch a concise summary for a known Reactome event or pathway stable ID from the official Reactome Con...

Use this skill to submit a short identifier list to Reactome Analysis Service and return compact pathway enrichment summ...

Reactome pathway enrichment using ReactomePA package. Use when analyzing gene lists against Reactome's curated peer-revi...

Use when proposing or implementing any UI, rendering, shader, UX, motion, or DSP change in TRENCH — forces doctrine audi...

"Hierarchical task decomposition with control flow nodes and dual memory systems from ReAcTree research. Trigger keyword...

Hierarchical Agent Trees: Complex tasks decomposed into tree structures where each node can be an agent (reasoning + act...

Takes a Figma file URL, lists its pages, and collects every top-level frame on the page you pick. Metadata and screensho...

Preview a distilled wiki page from inside Claude Code. Prints title, summary, source count, and the local md path. Full...

Run at the start of every task, right after the user confirms it and before any edit, plan, or answer about the code. Re...

Reads URLs and PDFs by fetching source content, defaulting to concise summaries for plain read requests and clean Markdo...

Fetches URLs and PDFs, then summarizes or returns clean Markdown; can also search the web through DeepSeek when built-in...