Firebase App Hosting Basics
aiskillstore/marketplace
Deploy and manage web apps with Firebase App Hosting. An agent skill from aiskillstore/marketplace.
Web push notifications for a CometChat Angular app — the Notifications product, FCM registration, the service worker, and token lifecycle.
Install Cometchat Angular V5 Push
$ npx skills add cometchat/cometchat-skills --skill cometchat-angular-v5-push -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install cometchat/cometchat-skills cometchat-angular-v5-push --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/cometchat/cometchat-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/cometchat-angular-v5-push .claude/skills/cometchat-angular-v5-push && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "cometchat-angular-v5-push" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-angular-v5-push into .claude/skills/cometchat-angular-v5-push/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-angular-v5-push", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-angular-v5-pushType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add cometchat/cometchat-skills --skill cometchat-angular-v5-push -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install cometchat/cometchat-skills cometchat-angular-v5-push --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cometchat/cometchat-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/cometchat-angular-v5-push .agents/skills/cometchat-angular-v5-push && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "cometchat-angular-v5-push" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-angular-v5-push into .agents/skills/cometchat-angular-v5-push/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-angular-v5-push", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add cometchat/cometchat-skills --skill cometchat-angular-v5-push -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install cometchat/cometchat-skills cometchat-angular-v5-push --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cometchat/cometchat-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/cometchat-angular-v5-push .cursor/skills/cometchat-angular-v5-push && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "cometchat-angular-v5-push" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-angular-v5-push into .cursor/skills/cometchat-angular-v5-push/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-angular-v5-push", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/cometchat/cometchat-skills.git --path skills/cometchat-angular-v5-push--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add cometchat/cometchat-skills --skill cometchat-angular-v5-push -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install cometchat/cometchat-skills cometchat-angular-v5-push --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cometchat/cometchat-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/cometchat-angular-v5-push .gemini/skills/cometchat-angular-v5-push && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "cometchat-angular-v5-push" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-angular-v5-push into .gemini/skills/cometchat-angular-v5-push/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-angular-v5-push", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install cometchat/cometchat-skills cometchat-angular-v5-pushInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add cometchat/cometchat-skills --skill cometchat-angular-v5-push -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/cometchat/cometchat-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/cometchat-angular-v5-push .github/skills/cometchat-angular-v5-push && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "cometchat-angular-v5-push" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-angular-v5-push into .github/skills/cometchat-angular-v5-push/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-angular-v5-push", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add cometchat/cometchat-skills --skill cometchat-angular-v5-push -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install cometchat/cometchat-skills cometchat-angular-v5-push --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cometchat/cometchat-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/cometchat-angular-v5-push .opencode/skills/cometchat-angular-v5-push && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "cometchat-angular-v5-push" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-angular-v5-push into .opencode/skills/cometchat-angular-v5-push/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-angular-v5-push", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
cometchat-angular-v5-push- GitHub stars
- 129
- Token cost
- ~1.1k tokens
- SKILL.md length
- 536 words
- Files
- 1
- Skills in repo
- 97
- Repo updated
- First seen
- Licence
- MIT
At a glance
Web push notifications for a CometChat Angular app — the Notifications product, FCM registration, the service worker, and token lifecycle.
- Works in 5 steps: Load over HTTPS, grant permission from a… → Confirm /firebase-messaging-sw.js… → Background the tab; send a message from… → …
- Mobile work in your project
- SKILL.md covers Companion skills (read first), Use this skill when, This skill is deliberately… and What is true regardless of…, plus 3 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Cometchat Angular V5 Push is an agent skill from cometchat/cometchat-skills. Web push notifications for a CometChat Angular app — the Notifications product, FCM registration, the service worker, and token lifecycle. Docs-first: fetches the current notifications docs rather than baking a version-specific recipe. Triggers: 'add push notifications to my angular app', 'notify users when the app is closed', 'fcm setup', 'register push token'.
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts. Compatibility notes: @cometchat/chat-sdk-javascript ^4.1.13; Angular 17-21; requires the CometChat Notifications product
It sits in Mobile. It works with CometChat, Angular and Firebase. The repository describes itself as: Add CometChat chat & messaging and voice & video calls to any React, Next.js, React Native, Angular, Android, iOS, or Flutter project through your AI coding agent. Works with… The licence is MIT.
When your agent uses it
- Mobile work in your project
Example prompts
- “add push notifications to my angular app”
- “notify users when the app is closed”
- “fcm setup”
- “/cometchat-angular-v5-push”
Requirements
- Compatibility (from SKILL.md): @cometchat/chat-sdk-javascript ^4.1.13; Angular 17-21; requires the CometChat Notifications product
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- Load over HTTPS, grant permission from a click.
- Confirm /firebase-messaging-sw.js returns 200.
- Background the tab; send a message from a second account.
- Notification arrives; tapping it focuses the app.
- Log out; confirm notifications stop.
What it can do on your machine
Read from SKILL.md and the folder at commit 911b108. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Compatibility
@cometchat/chat-sdk-javascript ^4.1.13; Angular 17-21; requires the CometChat Notifications product
From compatibility in the SKILL.md frontmatter.
Context cost
Cometchat Angular V5 Push loads about 1.1k tokens when it runs. Until then it costs about 98 tokens; SKILL.md has 536 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from cometchat/cometchat-skills at commit 911b108, republished under its MIT licence (© cometchat). 536 words, ~1,101 tokens.
Download SKILL.mdSave it as
.claude/skills/cometchat-angular-v5-push/SKILL.md (or your agent's skills folder).- name
- cometchat-angular-v5-push
- description
- Web push notifications for a CometChat Angular app — the Notifications product, FCM registration, the service worker, and token lifecycle. Docs-first: fetches the current notifications docs rather than baking a version-specific recipe. Triggers: 'add push notifications to my angular app', 'notify users when the app is closed', 'fcm setup', 'register push token'.
- compatibility
- @cometchat/chat-sdk-javascript ^4.1.13; Angular 17-21; requires the CometChat Notifications product
- license
- MIT
- metadata.author
- CometChat
- metadata.version
- 1.0.0
- metadata.tags
- cometchat angular push v5 notifications fcm firebase service-worker
Ground truth: push is the CometChat Notifications product, not a UI Kit component — this skill is THIN and docs-first. Registration, payload shape and provider setup are FETCHED from the notifications docs via
cometchat-angular-v5-core/references/docs-map.md; nothing about them is baked here. Live delivery cannot be auto-smoked — say so honestly rather than claiming verification.
Companion skills (read first)
cometchat-angular-v5-core— install, credentials,init→login→render. Assumed.
Use this skill when
Delivering notifications while the app is closed or backgrounded.
This skill is deliberately THIN — fetch the docs
Push spans a product (CometChat Notifications), a third-party provider (Firebase/FCM), a service worker, and browser permission rules. Every one of those changes independently, so a baked recipe goes stale fast.
Start here: {SDK_DOCS_BASE}/notifications/overview.md, then the web push integration page. Discover the current pages from the SDK index (cometchat-angular-v5-core/references/docs-map.md). Read before writing.
Angular's own docs cover push only inside {DOCS_BASE}/ui-kit/angular/campaigns.md — there is no dedicated Angular push page. That is a known docs gap; the product-level notifications docs are the source of truth.
What is true regardless of version
1. Push is a separate product. It must be enabled and configured for the app in the dashboard, with provider credentials added there. No client code substitutes for that step.
2. It is not the UI Kit. Registration is SDK-level (CometChatNotifications), not a component. There is nothing to render.
3. It needs a service worker at origin root. firebase-messaging-sw.js must be served from /, not from a nested path. In Angular, add it to the app's assets in angular.json so it lands at the root of dist/, and confirm it is reachable at /firebase-messaging-sw.js after build — a 404 there is the single most common cause of "push does nothing".
4. Permission requires a user gesture. Call the permission request from a click. Browsers block it on load, and repeated silent blocks poison the origin.
5. Token lifecycle is yours. Register the FCM token after login; unregister on logout. Skipping the unregister sends the next user's notifications to the previous device.
6. iOS Safari is PWA-only. Web push on iOS requires the site installed to the home screen. Not a bug; set expectations.
Show full SKILL.md (187 more words)Show less
Angular specifics
- Register the token after
login()resolves — see core's guarded-login pattern. - Put registration in a service, not a component, so it does not re-run per route.
- If the app is SSR, guard all of it with
isPlatformBrowser(cometchat-angular-v5-patterns). - Unregister in the same place you call
CometChatUIKit.logout().
Verify it works
Push cannot be verified in a headless browser: it needs a real device or browser profile, a live provider, and a backgrounded app. Expect to test by hand:
- Load over HTTPS, grant permission from a click.
- Confirm
/firebase-messaging-sw.jsreturns 200. - Background the tab; send a message from a second account.
- Notification arrives; tapping it focuses the app.
- Log out; confirm notifications stop.
Common pitfalls
- Notifications not enabled in the dashboard — nothing works, no error.
- Service worker not at origin root — silent failure.
- Permission requested on load — blocked.
- Token registered before login — no user to attach it to.
- No unregister on logout — notifications follow the wrong user.
- Expecting iOS Safari to work outside a PWA.
- Baking a recipe from memory — fetch the docs; this area moves.
© cometchat, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in skills/cometchat-angular-v5-push of cometchat/cometchat-skills.
Open the folder on GitHubat commit 911b108
Compare with similar skills
Cometchat Angular V5 Push next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Cometchat Angular V5 Push this skillcometchat/cometchat-skills | 129 | — | ~1.1k | Automated safety check: Pass | MIT | |
| Firebase App Hosting Basicsaiskillstore/marketplace | 430 | — | ~590 | Automated safety check: Pass | None | |
| Screenmapaleqsio/screenmap | 239 | — | ~7.2k | Automated safety check: Pass | MIT | |
| Triage CrashesMartinStyk/apk-analyzer | 368 | — | ~4.3k | Automated safety check: Pass | GPL-3.0 | |
| Exposed MigrationGerardPaligot/Confily | 152 | — | ~1.3k | Automated safety check: Pass | Apache-2.0 | |
| Generate Images With Firebase AIevanca/flutter-ai-rules | 647 | — | ~2.3k | Automated safety check: Pass | MIT |
Similar skills
Screenmap
aleqsio/screenmap
Generate a visual navigation map of an Expo / React Native or NativeScript app.
Triage Crashes
MartinStyk/apk-analyzer
A skill your agent uses to review production Crashlytics crashes and non-fatals for the latest release and file a GitHub issue for each one that isn't tracked yet.
Exposed Migration
GerardPaligot/Confily
A skill your agent uses when adding, removing, or modifying columns, indexes, or tables in any Exposed table object (files under infrastructure/exposed/ ending in Table.kt).
Generate Images With Firebase AI
evanca/flutter-ai-rules
A skill your agent uses when generating or editing images from Flutter/Dart with Firebase AI Logic and a Gemini image model (Nano Banana), making the first call work, choosing Gemini Developer API…
Kotlin Linting
GerardPaligot/Confily
A skill your agent uses whenever you write or modify Kotlin files in this project.
More from cometchat/cometchat-skills
All 97 skills in this repoCometChat Android Calls SDK v5
cometchat/cometchat-skills
Adds voice and video calling to an Android app in Kotlin with the headless CometChat Calls SDK v5, covering meeting-style rooms, 1:1 ringing calls, call logs and recording.
CometChat Android v5 Headless SDK
cometchat/cometchat-skills
Builds chat on Android with your own UI against the headless CometChat Chat SDK v5, covering install, Jetifier conflicts, credentials and init-before-login ordering.
CometChat Angular Component Picker
cometchat/cometchat-skills
Picks and customizes CometChat's Angular UI Kit components by their verified component list, exact input and output event names, and the surfaces that have no kit component at all.
CometChat Angular Features
cometchat/cometchat-skills
Enables or builds CometChat features such as polls, reactions, smart replies and pinned messages in an Angular app, first classifying how much client code each one needs.
CometChat Angular Chat Placement
cometchat/cometchat-skills
Decides where CometChat chat UI goes in an Angular app: a dedicated route, a dashboard panel, a support widget or the full multi-pane app, with thread and search panels.
Cometchat iOS V5 SDK
cometchat/cometchat-skills
Add voice & video calling to any iOS app FROM SCRATCH with the headless CometChat Calls SDK v5 (CometChatCallsSDK, via Swift Package Manager) — no UI Kit.
Related
Categories
Questions about Cometchat Angular V5 Push
What does Cometchat Angular V5 Push do?
Web push notifications for a CometChat Angular app — the Notifications product, FCM registration, the service worker, and token lifecycle. Cometchat Angular V5 Push is an agent skill from cometchat/cometchat-skills. Web push notifications for a CometChat Angular app — the Notifications product, FCM registration, the service worker, and token lifecycle.
When should I use Cometchat Angular V5 Push?
Cometchat Angular V5 Push fits situations like: mobile work in your project.
How do I install Cometchat Angular V5 Push in Claude Code?
Run `npx skills add cometchat/cometchat-skills --skill cometchat-angular-v5-push -a claude-code`. Or copy the skill folder (skills/cometchat-angular-v5-push in cometchat/cometchat-skills) into .claude/skills/cometchat-angular-v5-push in your project. Claude Code loads it when a task matches its description.
How do I install Cometchat Angular V5 Push in Codex?
Run `npx skills add cometchat/cometchat-skills --skill cometchat-angular-v5-push -a codex`. Or copy the skill folder (skills/cometchat-angular-v5-push in cometchat/cometchat-skills) into .agents/skills/cometchat-angular-v5-push in your project. Codex loads it when a task matches its description.
Can I use Cometchat Angular V5 Push in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add cometchat/cometchat-skills --skill cometchat-angular-v5-push -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/cometchat-angular-v5-push, .gemini/skills/cometchat-angular-v5-push, .github/skills/cometchat-angular-v5-push and .opencode/skills/cometchat-angular-v5-push in your project.
What does Cometchat Angular V5 Push need to run?
SKILL.md names no scripts, command-line tools or credentials: Cometchat Angular V5 Push is instructions for the agent only. Compatibility (from SKILL.md): @cometchat/chat-sdk-javascript ^4.1.13; Angular 17-21; requires the CometChat Notifications product.
Does Cometchat Angular V5 Push access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Cometchat Angular V5 Push safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Cometchat Angular V5 Push use?
Cometchat Angular V5 Push is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Cometchat Angular V5 Push use?
About 1.1k tokens (SKILL.md is roughly 4.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Cometchat Angular V5 Push?
Skills that share tags, products or a category with Cometchat Angular V5 Push: Firebase App Hosting Basics (aiskillstore/marketplace, 430 stars), Screenmap (aleqsio/screenmap, 239 stars), Triage Crashes (MartinStyk/apk-analyzer, 368 stars) and Exposed Migration (GerardPaligot/Confily, 152 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Cometchat Angular V5 Push?
cometchat (a GitHub organization) maintains it in cometchat/cometchat-skills, which has 129 GitHub stars. The repository holds 97 skills in this directory. The repository was last updated on October 5, 2026.
Source: cometchat/cometchat-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.