/vibe-add-feature

Add pre-built iblai components to an existing Next.js app.

Available Components

Command	What It Adds
`iblai add auth`	SSO authentication -- see `/vibe-add-auth` for detailed step-by-step walkthrough
`iblai add chat`	AI chat widget -- `<mentor-ai>` web component. Full-screen or embedded chat with streaming, file upload, voice.
`iblai add profile`	User profile dropdown -- avatar with dropdown menu, profile settings page.
`iblai add account`	Organization/account settings -- tenant management, team settings.
`iblai add analytics`	Analytics dashboard -- usage stats, user analytics, topic analysis.
`iblai add notifications`	Notification bell -- real-time notifications with unread badge, notification center page.
`iblai add builds`	Tauri v2 shell -- desktop (macOS/Windows/Linux) and mobile (iOS/Android) builds.
`iblai add mcp`	MCP + skills -- @iblai/mcp server config, Claude/OpenCode/Cursor skill files.

Run the add command (choose one):

# If iblai is installed globally
iblai add auth

# Or via npx (when published)
npx @iblai/cli add auth

Install new dependencies (if any were added to package.json):
```
pnpm install
```
Verify -- the CLI will tell you what files were created and any manual steps needed

ibl.ai components first -- always use the native component when one exists
shadcn/ui for everything else -- forms, tables, modals, date pickers, etc.:
```
npx shadcn@latest add button dialog table form
```

shadcnspace blocks -- pre-built page sections:

npx shadcn@latest add @shadcn-space/hero-01

ibl.ai and shadcn components share the same Tailwind theme and are visually seamless.

Next.js App Router project (app/ directory)
Node.js 18+
iblai CLI available (iblai --version). If not available, run /vibe-install-cli
The auth component should be added first if you need authentication (other components depend on the auth providers)