Навыки: Дизайн

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

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

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

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

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

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

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

Define component boundaries, props and slots.

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

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

Design and implement React components with hooks, composition patterns, and performance optimization. Use when creating...

DEPRECATED for new standalone React/TypeScript work; use react-agent-skills / react-component-engineering instead. Selec...

Expert in creating React components for Obsidian plugins with proper TypeScript types and integration

Use when reviewing, refactoring, or implementing React components and custom Hooks with unclear boundaries or oversized...

React 组件、页面组件、自定义 Hook 的拆分、重构与评审技能。用户提到“拆组件”“拆 Hook”“这个组件太大了”“这个 Hook 太重了”“帮我理一下这个页面”“这段 React 怎么拆比较合理”“重构 React 组件”“重构页...

Build production-ready React components with TypeScript. Use when creating UI components (buttons, inputs, modals, cards...

Use when React Context patterns for state management. Use when sharing state across component trees without prop drillin...

React component structure, hooks rules, file naming, project layout, composition patterns, performance idioms, and effec...

React 19 development with hooks, Server Components, patterns, performance optimization, and testing

Type-safe React patterns for React 18-19 including generic components, proper event typing, Server Components, Actions,...

Profile the PwrAgent Electron renderer with standalone React DevTools and Computer Use. Use for investigating navigation...

Creates email templates with React components using React Email. Use when building transactional emails, newsletters, or...

React Email + Resend — transactional email templates using React components.

React Email component patterns for building responsive email templates using JSX, component composition, and preview ser...

Implements production-ready React components and application logic from behavioral specifications. Activate when a task...

Design async loading, empty and recovery states.

React development expertise from Meta engineers who built React for billions of users. Use when building React component...

Deep React expertise for component architecture, hooks, state management, performance optimization, and testing. Use whe...

Build validation and submission; Server Actions.

Form patterns for React: react-hook-form (most common), Formik (legacy/stable), TanStack Form (newer). Validation via zo...

React frontend standards covering hooks (useState, useEffect, useContext, custom hooks), state management (Context API,...

Build React components with TypeScript, Tailwind CSS, and React Query for the Medellin Spark platform. Use when implemen...

React and Next.js frontend development: component design, App Router patterns, state management, performance optimizatio...

React Hook Creator - Auto-activating skill for Frontend Development.Triggers on: react hook creator, react hook creatorP...

React Hooksの高度な使用パターンと最適化技術を専門とするスキル。useEffect依存配列、メモ化戦略、カスタムフック設計、useReducerパターンを提供し、予測可能で効率的な状態管理を実現。Anchors:• React公式...

This skill should be used when the user asks to "review React hooks", "check useEffect usage", "optimize hooks performan...

Modal and form patterns for Orient dashboard frontend. Use when creating modals, dialogs, forms, notifications, or any U...

React Native component development with TypeScript, Expo, and React Navigation. Use when creating UI components, screens...

Manages internationalization strings and translation workflows using i18next and react-i18next. Use when adding new text...

Use when working with react-native-skills tasks or workflows

Use when working with React Native Web projects. Provides core concepts, components, and cross-platform patterns for bui...

React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern f...