Push Notification Setup

Solid starting point for implementing push notifications across iOS, Android, and web with Firebase Cloud Messaging. Covers the essentials: permission requests, token management, foreground and background message handling, and platform-specific setup code for React Native, Swift, and Kotlin. The examples are straightforward and show you exactly where FCM integration fits into each platform's lifecycle. What's helpful here is seeing the token refresh handling and notification channel setup side by side, since those are easy to miss on first implementation. It won't walk you through server-side setup or advanced features like notification grouping, but it gets the client-side foundations in place quickly.

skills.sh installs: 436
GitHub stars: 248
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add secondsky/claude-skills --skill push-notification-setup --agent claude-code

Installs into .claude/skills of the current project.

Files

Push Notification Setup

Implement push notifications across mobile and web platforms.

Firebase Cloud Messaging (React Native)

import messaging from '@react-native-firebase/messaging';

// Request permission
async function requestPermission() {
  const status = await messaging().requestPermission();
  if (status === messaging.AuthorizationStatus.AUTHORIZED) {
    const token = await messaging().getToken();
    await sendTokenToServer(token);
  }
}

// Handle foreground messages
messaging().onMessage(async message => {
  console.log('Foreground message:', message);
  showLocalNotification(message);
});

// Handle background/quit messages
messaging().setBackgroundMessageHandler(async message => {
  console.log('Background message:', message);
});

// Handle token refresh
messaging().onTokenRefresh(token => {
  sendTokenToServer(token);
});