What problem does it solve? Building Capacitor apps with React requires bridging native device APIs and React's component model correctly — listeners leak without cleanup, native calls fail on web, and platform differences break builds. This Skill provides structured guidance for integrating Capacitor plugins into React components, hooks, and state management without common pitfalls. ## Core Features & Use Cases - Plugin Integration Patterns: Import and call Capacitor plugins in components with platform guards, permission checks, and loading/error state handling. - Custom Hooks for Native Features: Reusable hooks for network status, keyboard, geolocation, camera, preferences, and app lifecycle events with proper useEffect cleanup. - Navigation and Lifecycle: Deep link handling via appUrlOpen, Android back button handling, and platform-specific rendering with Capacitor.getPlatform(). - Use Case: Add a camera feature to a React Capacitor app — the Skill guides permission checks, photo capture with loading state, and cleanup so the feature works on iOS, Android, and degrades gracefully on web. ## Quick Start Help me add a Capacitor native feature, such as camera or geolocation, to my React app using a custom hook with proper listener cleanup.
