React Hooks Expert
Standards for efficient React functional components and hooks usage.
Browse reusable Agent Skills, each with a clear purpose and practical guidance.
Standards for efficient React functional components and hooks usage.
React Native cross-platform mobile apps with navigation, state management, native features. Use for iOS/Android development, mobile prototyping, code sharing, or encountering bridge errors, platform-specific bugs, performance bottlenecks.
Use when writing React components with useEffect, seeing useState + useEffect for derived values, resetting state on prop change with Effect, chaining Effects that trigger each other, notifying parent via Effect, data fetching without cleanup (race conditions), or reviewing React code for unnecessary Effects and extra re-renders.
Design WebSocket/SSE/long polling with ordering and delivery guarantees.
Core development principles for Plan-Marshall projects - when to ask users, research best practices, tool usage, and dependency management
Restructure code for improved clarity and maintainability. Use when addressing code smells or technical debt.
Guides TypeScript refactoring operations including moving files, moving symbols between files, and renaming symbols across the codebase. Use when user wants to reorganize code structure.
Improve code structure without changing behavior. Use when code is hard to read, modify, or test. Covers Extract Method, Rename, and other safe refactorings.
パッケージ/モジュール構造の分析とリファクタリング支援。循環依存の検出、責務分離の提案、移行計画の作成を行う。「パッケージ構造を見直したい」「モジュールの依存関係が複雑」「ファイル配置を整理したい」「循環依存を解消したい」といった構造改善リクエストで起動。
Suggest refactoring opportunities to improve code structure and maintainability. Use when improving code design or reducing complexity.