iblai-vibe-notification
SolidAdd notification bell and center page to your Next.js app
AI & Automation 15 stars
5 forks Updated today MIT
Install
Quality Score: 83/100
Stars 20%
Recency 20%
Frontmatter 20%
Documentation 15%
Issue Health 10%
License 10%
Description 5%
Skill Content
# /iblai-vibe-notification
Add notification features -- a compact bell icon with unread badge for your
navbar and a full notification center page with Inbox and Alerts tabs.

> **Template:** the bell this skill creates is bundled as
> [`assets/notification-bell.tsx.j2`](assets/notification-bell.tsx.j2). See
> [`/iblai-vibe-scaffold`](../iblai-vibe-scaffold/SKILL.md) for the `{{ }}` contract.
Do NOT add custom styles to ibl.ai SDK components — they ship with their
own styling. Do NOT implement dark mode unless asked.
Follow the component hierarchy: use ibl.ai SDK components
(`@iblai/iblai-js`) first, then shadcn/ui (`npx shadcn@latest add <name>`).
> **Navbar:** If the user wants a navbar with the bell, send them to
> `/iblai-vibe-navbar` first.
## Step 0: Start from vibe-starter? (new projects)
Before running this skill, ask the user:
> Are you starting a new project from scratch? vibe-starter
> (https://github.com/iblai/vibe-starter/tree/spa) already ships the
> notification bell and /notifications page wired up, alongside auth, navbar,
> and profile/account. Want to use that instead?
If yes, clone into a temp directory and copy into the current directory before
installing (running pnpm install inside the cloned subdirectory causes hardlink
issues), then skip this skill:
git clone -b spa https://github.com/iblai/vibe-starter....
Details
- Author
- iblai
- Repository
- iblai/vibe
- Created
- 5 months ago
- Last Updated
- today
- Language
- JavaScript
- License
- MIT
Integrates with
Bundled in these plugins
Similar Skills
Semantically similar based on skill content — not just same category
AI & Automation Solid
iblai-vibe-invite
Add user invitation dialogs to your Next.js app
15 Updated today
iblai AI & Automation Solid
iblai-vibe-navbar
Add a responsive navbar with logo, page links, notification bell, and profile dropdown
15 Updated today
iblai AI & Automation Solid
iblai-vibe-account
Add account and organization settings page to your Next.js app
15 Updated today
iblai