New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Novu Inbox Integration

by novuhq in novuhq/novu

Integrate Novu's in-app notification inbox into web applications.

Custom licenceAuto-check passedProductivity & Automation

Install Novu Inbox Integration

skills CLI
$ npx skills add novuhq/novu --skill novu-inbox-integration -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install novuhq/novu novu-inbox-integration --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/novuhq/novu.git skills-src && mkdir -p .claude/skills && cp -r skills-src/docs/.mintlify/skills/inbox-integration .claude/skills/novu-inbox-integration && rm -rf skills-src

Use ~/.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/

Facts

Skill name
novu-inbox-integration
GitHub stars
40k
Token cost
~5.2k tokens
SKILL.md length
1,288 words
Files
8 (incl. references)
Skills in repo
28
Repo updated
First seen
Licence
Custom licence

At a glance

Integrate Novu's in-app notification inbox into web applications.

  • Works in 3 steps: Trigger workflows with context → Pass the matching context to the Inbox → Secure the context with contextHash
  • Adding an in-app notification center
  • SKILL.md covers Packages, React Quick Start, Next.js and Composable Components, plus 8 more sections
  • Calls npm; needs NOVU_SECRET_KEY

What it does

Novu Inbox Integration is an agent skill from novuhq/novu. Integrate Novu's in-app notification inbox into web applications. Supports React, Next.js, and vanilla JavaScript. Includes the Inbox component (bell icon + notification feed), composable components (Bell, Notifications, InboxContent, Preferences), headless hooks, branded theming, custom render props, multi-tenancy via contexts, tabs, localization, and HMAC security. Use when adding an in-app notification center, bell icon, notification feed, real-time notification updates, or building a personalized and branded…

Its SKILL.md is about 5.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 8 other files, including reference files (for example `references/branding-and-styling.md`, `references/headless-inbox-examples.md` and `references/multi-tenancy.md`).

It sits in Productivity & Automation, covering Email management. It works with Next.js, React and JavaScript. The repository describes itself as: The open-source communication infrastructure for agents and products.

When your agent uses it

  • Adding an in-app notification center
  • Notification feed
  • Real-time notification updates
  • Building a personalized and branded notification experience

Example prompts

  • “/novu-inbox-integration”

Requirements

  • Node.js

Workflow steps

3 steps, taken from the step headings in SKILL.md.

  1. Trigger workflows with context
  2. Pass the matching context to the Inbox
  3. Secure the context with contextHash

What it can do on your machine

Read from SKILL.md and the folder at commit c4d3eda. 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

    Shell commands in SKILL.md call:

    • npm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • docs.novu.co
    • inbox.novu.co

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names these keys or tokens, usually read from environment variables:

    • NOVU_SECRET_KEY

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Novu Inbox Integration loads about 5.2k tokens when it runs, and up to ~17k if it reads all its reference files. Until then it costs about 141 tokens; SKILL.md has 1,288 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~141
When it runs · the whole SKILL.md, loaded when a task matches
~5.2k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~17k

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

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,288 words (~5,158 tokens).

“Add an in-app notification center to your web application. The Inbox component provides a bell icon, notification feed, read/archive management, action buttons, and real-time WebSocket updates — all theme-able and personalizable to match your product.”

— opening of SKILL.md by novuhq, Custom licence
name
novu-inbox-integration

Read the full SKILL.md on GitHub

Files

SKILL.md and 7 other files (references) in docs/.mintlify/skills/inbox-integration of novuhq/novu.

  • SKILL.md
  • references/branding-and-styling.md
  • references/headless-inbox-examples.md
  • references/multi-tenancy.md
  • references/nextjs-inbox-examples.md
  • references/personalization.md
  • references/react-inbox-examples.md
  • references/security.md

Open the folder on GitHubat commit c4d3eda

Compare with similar skills

Novu Inbox Integration 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.

Novu Inbox Integration compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Novu Inbox Integration this skillnovuhq/novu40k—~5.2kAutomated safety check: PassCustom licence
React Best Practicesshapeshift/web2061 repos~2kAutomated safety check: PassMIT
Nextjs React ExpertDokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI508—~1.7kAutomated safety check: PassCustom licence
Javascript SDKaiskillstore/marketplace4331 repos~3.3kAutomated safety check: PassNone
Typescript Rulessoftspark/ai-toolkit179—~2.7kAutomated safety check: NotesApache-2.0
Dotlottie WebLottieFiles/dotlottie-web892—~3.5kAutomated safety check: PassMIT

Similar skills

  • React Best Practices

    shapeshift/web

    Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering.

    206 GitHub starsUsed in 1 repo~2k tokens
    DevelopmentAuto-check passed

  • Nextjs React Expert

    Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI

    React and Next.js performance optimization from Vercel Engineering.

    508 GitHub stars~1.7k tokensUpdated 4 mo ago
    Business, Finance & HRAuto-check passed

  • Javascript SDK

    aiskillstore/marketplace

    JavaScript/TypeScript SDK for inference.sh - run AI apps, build agents, integrate with all models.

    433 GitHub starsUsed in 1 repo~3.3k tokens
    Backend & APIsAuto-check passed

  • Typescript Rules

    softspark/ai-toolkit

    TypeScript/JavaScript coding rules: style, patterns, security, testing.

    179 GitHub stars~2.7k tokensUpdated 3 days ago
    Testing & QAAuto-check: notes

  • Dotlottie Web

    LottieFiles/dotlottie-web

    Implement Lottie animations using dotLottie runtimes (@lottiefiles/dotlottie-web and @lottiefiles/dotlottie-react).

    892 GitHub stars~3.5k tokensUpdated 4 days ago
    Media & CreativeAuto-check passed

  • Ultracite

    agustinusnathaniel/nextarter-tailwind

    Ultracite is a zero-config linting and formatting preset for JavaScript/TypeScript projects.

    125 GitHub starsUsed in 2 repos~1.2k tokens
    DevelopmentAuto-check passed

More from novuhq/novu

All 28 skills in this repo

  • Ink Tui Wizard

    novuhq/novu

    Build terminal user interfaces (TUIs) using Ink (React for CLIs) and @inkjs/ui with a reactive, session-driven wizard pattern.

    40k GitHub stars~1.9k tokensUpdated yesterday
    Auto-check passed

  • Novu Design Workflow

    novuhq/novu

    Design notification workflows the Novu way — choose channels, set severity, decide when a workflow is critical, configure digests, and route based on subscriber state.

    40k GitHub stars~2.6k tokensUpdated yesterday
    Auto-check passed

  • Novu Manage Preferences

    novuhq/novu

    Configure notification preferences in Novu at the workflow and subscriber level.

    40k GitHub stars~1.8k tokensUpdated yesterday
    Auto-check passed

  • Novu Manage Subscribers

    novuhq/novu

    Create, update, search, and delete subscribers in Novu. An agent skill from novuhq/novu.

    40k GitHub stars~1.3k tokensUpdated yesterday
    Auto-check passed

  • Novu Trigger Notification

    novuhq/novu

    Trigger Novu notification workflows to send messages across email, SMS, push, chat, and in-app channels.

    40k GitHub stars~1.2k tokensUpdated yesterday
    Auto-check passed

  • Testerarmy CLI

    novuhq/novu

    Use TesterArmy CLI to create, organize, and run dashboard-managed QA tests.

    40k GitHub stars~1.6k tokensUpdated yesterday
    Auto-check passed

Works with

Categories

Questions about Novu Inbox Integration

What does Novu Inbox Integration do?

Integrate Novu's in-app notification inbox into web applications. Novu Inbox Integration is an agent skill from novuhq/novu. Integrate Novu's in-app notification inbox into web applications.

When should I use Novu Inbox Integration?

Novu Inbox Integration fits situations like: adding an in-app notification center; notification feed; real-time notification updates; building a personalized and branded notification experience.

How do I install Novu Inbox Integration in Claude Code?

Run `npx skills add novuhq/novu --skill novu-inbox-integration -a claude-code`. Or copy the skill folder (docs/.mintlify/skills/inbox-integration in novuhq/novu) into .claude/skills/novu-inbox-integration in your project. Claude Code loads it when a task matches its description.

How do I install Novu Inbox Integration in Codex?

Run `npx skills add novuhq/novu --skill novu-inbox-integration -a codex`. Or copy the skill folder (docs/.mintlify/skills/inbox-integration in novuhq/novu) into .agents/skills/novu-inbox-integration in your project. Codex loads it when a task matches its description.

Can I use Novu Inbox Integration 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 novuhq/novu --skill novu-inbox-integration -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/novu-inbox-integration, .gemini/skills/novu-inbox-integration, .github/skills/novu-inbox-integration and .opencode/skills/novu-inbox-integration in your project.

What does Novu Inbox Integration need to run?

Going by SKILL.md and its folder, Novu Inbox Integration needs the command-line tools its instructions call (npm) and credentials named NOVU_SECRET_KEY. Our summary lists: Node.js.

Does Novu Inbox Integration access the network?

SKILL.md names 2 domains. As links in the text: docs.novu.co and inbox.novu.co. This is read from the text; nothing was executed.

Is Novu Inbox Integration 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 Novu Inbox Integration use?

Novu Inbox Integration has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Novu Inbox Integration use?

About 5.2k tokens (SKILL.md is roughly 21k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 12k tokens, read only when the agent opens those files.

What are the alternatives to Novu Inbox Integration?

Skills that share tags, products or a category with Novu Inbox Integration: React Best Practices (shapeshift/web, 206 stars), Nextjs React Expert (Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI, 508 stars), Javascript SDK (aiskillstore/marketplace, 433 stars) and Typescript Rules (softspark/ai-toolkit, 179 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Novu Inbox Integration?

novuhq (a GitHub organization) maintains it in novuhq/novu, which has 40,132 GitHub stars. The repository holds 28 skills in this directory. The repository was last updated on October 10, 2026.

Source: novuhq/novu on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.