iblai-vibe-notification

Solid

Add notification bell and center page to your Next.js app

AI & Automation 15 stars 5 forks Updated today MIT

Install

View on GitHub

Quality Score: 83/100

Stars 20%
40
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

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. ![Notifications Page](https://raw.githubusercontent.com/iblai/vibe/refs/heads/main/skills/iblai-vibe-notification/notifications-page.png) > **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