Skip to main content
skill CX Codex

push-notification-setup · aj-geddes — Claude Code skill: how to install

Integrates push notifications for iOS and Android using Firebase Cloud Messaging and APNs. Helps handle token refreshes, deep linking, and background sync.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add aj-geddes/useful-ai-prompts --skill push-notification-setup -a claude-code
Open on GitHub

What push-notification-setup does

The skill provides setup instructions for mobile push services. It includes a React Native snippet with @react-native-firebase/messaging. Dedicated reference guides cover Swift, Kotlin, and Flutter.

The instructions cover permission requests and token synchronization with a backend. It configures deep links to target screens. The guide explicitly forbids sending sensitive data inside notification payloads. Testing requires physical hardware. Emulators cannot verify real push delivery reliably.

What it helps with

  • integrate Firebase Cloud Messaging with APNs on iOS and Android
  • handle token lifecycle and backend synchronization
  • configure deep linking from notifications to app screens
  • set up silent background notifications for data syncing

Example prompts for the agent

  • Set up Firebase push notification permissions and listeners in React Native
  • Show how to handle token refresh events and send new tokens to the backend
  • Configure notification priority channels and silent notifications in Android Kotlin

How to install push-notification-setup

1Skills CLI (Vercel)

npx skills add aj-geddes/useful-ai-prompts --skill push-notification-setup -a claude-code

2Manually: put the files in place

~/.claude/skills/push-notification-setup/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/push-notification-setup/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about push-notification-setup

How to install push-notification-setup in Claude Code?

Run npx skills add aj-geddes/useful-ai-prompts --skill push-notification-setup -a claude-code. The file will be saved to ~/.claude/skills/push-notification-setup/SKILL.md.

What frameworks and languages are covered?

It covers React Native, Flutter, native iOS with Swift, and native Android with Kotlin, along with backend token storage.

Can push notifications be tested on emulators?

The instructions advise testing on physical hardware. Emulators frequently fail to register APNs or FCM tokens accurately.

Source text

SKILL.md · MIT
---
name: push-notification-setup
description: >
  Implement push notifications for iOS and Android. Covers Firebase Cloud
  Messaging, Apple Push Notification service, handling notifications, and
  backend integration.
---

# Push Notification Setup

## Table of Contents

- [Overview](#overview)
- [When to Use](#when-to-use)
- [Quick Start](#quick-start)
- [Reference Guides](#reference-guides)
- [Best Practices](#best-practices)

## Overview

Implement comprehensive push notification systems for iOS and Android applications using Firebase Cloud Messaging and native platform services.

## When to Use

- Sending real-time notifications to users
- Implementing user engagement features
- Deep linking from notifications to specific screens
- Handling silent/background notifications
- Tracking notification analytics

## Quick Start

Minimal working example:

```javascript
import messaging from "@react-native-firebase/messaging";
import { Platform } from "react-native";

export async function initializeFirebase() {
  try {
    if (Platform.OS === "ios") {
      const permission = await messaging().requestPermission();
      if (permission === messaging.AuthorizationStatus.AUTHORIZED) {
        console.log("iOS notification permission granted");
      }
    }

    const token = await messaging().getToken();
    console.log("FCM Token:", token);
    await saveTokenToBackend(token);

    messaging().onTokenRefresh(async (newToken) => {
      await saveTokenToBackend(newToken);
    });

    messaging().onMessage(async (remoteMessage) => {
      console.log("Notification received:", remoteMessage);
      showLocalNotification(remoteMessage);
    });

// ... (see reference guides for full implementation)
```

## Reference Guides

Detailed implementations in the `references/` directory:

| Guide | Contents |
|---|---|
| [Firebase Cloud Messaging Setup](references/firebase-cloud-messaging-setup.md) | Firebase Cloud Messaging Setup |
| [iOS Native Setup with Swift](references/ios-native-setup-with-swift.md) | iOS Native Setup with Swift |
| [Android Setup with Kotlin](references/android-setup-with-kotlin.md) | Android Setup with Kotlin |
| [Flutter Implementation](references/flutter-implementation.md) | Flutter Implementation |

## Best Practices

### ✅ DO

- Request permission before sending notifications
- Implement token refresh handling
- Use different notification channels by priority
- Validate tokens regularly
- Track notification delivery
- Implement deep linking
- Handle notifications in all app states
- Use silent notifications for data sync
- Store tokens securely on backend
- Provide user notification preferences
- Test on real devices

### ❌ DON'T

- Send excessive notifications
- Send without permission
- Store tokens insecurely
- Ignore notification failures
- Send sensitive data in payload
- Use notifications for spam
- Forget to handle background notifications
- Make blocking calls in handlers
- Send duplicate notifications
- Ignore user preferences

© aj-geddes · MIT · aj-geddes/useful-ai-prompts

Similar skills

Everything for Mobile →

push-notification-setup by other authors comes first.

From the same set143

database-backup-restore A coding assistant skill for backup and disaster recovery strategies. Use it when planning backups, testing restore procedures, or setting up automated backup jobs. CX Codex +1 582installs memory-leak-detection A skill for tracking down memory leaks: heap snapshots, profiling and the usual patterns behind growing memory use. CX Codex +1 580installs technical-roadmap-planning Builds a technical roadmap across quarters and years: architecture, infrastructure, stack investments. Useful before a big modernization push. CX Codex +1 577installs accessibility-testing A skill that walks your agent through WCAG checks: axe scans, keyboard navigation, ARIA, screen readers. Useful when a project has to meet a11y requirements. CX Codex +1 575installs database-schema-documentation Documents database schemas, generates Mermaid ERD diagrams, and tracks table constraints. Useful when creating data dictionaries or writing migration specs. CX Codex +1 569installs Data Visualization A skill that steers your agent toward the right chart type and gives working matplotlib and seaborn code for analysis and stakeholder decks. CX Codex +1 568installs app-store-deployment Deploys iOS and Android apps to App Store and Google Play. Guides through code signing, versioning, and pre-release verification. CX Codex +1 564installs bundle-size-optimization Cuts JavaScript and CSS bundle sizes using code splitting and tree shaking. Helps optimize production builds and evaluate heavy dependencies before deployment. CX Codex +1 561installs

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor