data Skills

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

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

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...

High-quality React component authoring focused on single responsibility, low coupling, and English-only code and comment...

Review React components for best practices, hooks usage, performance issues, accessibility, and TypeScript type safety....

React Context Setup - Auto-activating skill for Frontend Development.Triggers on: react context setup, react context set...

React and React Native coding conventions with TypeScript. Use this skill when creating components, writing hooks, or re...

React 18+ development patterns including components, hooks, state management, API integration, and accessibility. Use wh...

React 19 with TypeScript 5.9.3, TanStack Query V5, Zustand, and modern patterns. React Compiler handles memoization auto...

Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom node...

ReactでSPAフロントエンドを実装・改修するためのガイド。バックエンド分離前提でNext.jsやサーバーサイド機能に依存せず、React Router中心のクライアント実装を行う時に使う。認証はAuthProviderとuseAuthカ...

Setup and configure React Grab to let you click elements in your running app and send them directly to Claude Code for e...

Implement React components following established coding guidelines and best practices. Use when creating new React compo...

This skill should be used when the user asks to "connect React to agent runtime", "use useAgentSession", "use useMessage...

专门用于React移动端Web应用开发的技能，涵盖响应式设计、性能优化、PWA、触摸交互、移动端适配等全流程开发指导。

Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Us...

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use...

提供 React Native 性能优化指南，涵盖 FPS、TTI、打包体积、内存泄漏、重渲染与动画。适用于涉及 Hermes 优化、JS 线程阻塞、桥接开销、FlashList、原生模块或调试卡顿与掉帧的任务。

Expert in React Native development, native modules, platform-specific code, navigation, AsyncStorage, styling, animation...

Generate React Native components with TypeScript, styling, and platform-specific code. Triggers on "create react native...

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when build...

React Native best practices optimized for AI agents. Contains 16 rules across 7 sections covering performance, architect...

Create distinctive, production-grade React Native mobile applications with modern best practices. Use this skill when th...

React Native performance optimization techniques. Use when optimizing app performance.

Expert in React Native 0.83+ and Expo SDK 54+ environment setup. Helps with Node.js 20+, Xcode 16.1+, Android Studio, wa...

Use when styling React Native Web components. Provides patterns for StyleSheet API, platform-specific styles, responsive...

React and Next.js implementation patterns for performance and maintainability. Use when building frontend components, pa...

Reasoning and Acting patterns for agentic LLM workflows

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

A "No-Compromise" React performance checklist enforcing strict re-render discipline and bundle auditing.

| Unnecessary re-renders | React.memo, useMemo, useCallback |

Build Progressive Web Apps with React and Vite using vite-plugin-pwa. This skill covers the complete PWA lifecycle: mani...

Implements React Router v7 app structure, routing patterns, and component templates. Use when creating or modifying Reac...

Use this skill when you need expert guidance on React development with React Router V7, including component architecture...

Expert React specialist mastering React 18+ with modern patterns and ecosystem. Specializes in performance optimization,...

Use when implementing Disney's 12 animation principles with React Spring's physics-based animations

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global sta...

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

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

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

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

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

React web development with hooks, React Query, Zustand

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

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

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