iblai-vibe
FeaturedDeveloper toolkit for vibe coding AI apps on the ibl.ai platform. Scaffold a production-ready Next.js app with iblai-app-cli and the @iblai/iblai-js SDK: SSO auth, AI chat, profiles, notifications, and analytics wired up out of the box. Pre-built components, Claude Code skills, and a hosted backend at iblai.app. Deploy in minutes.
Install
Plugins install via a marketplace, in two steps.
This plugin isn't listed in a marketplace we've indexed. Install it directly from its GitHub repository — the README has the setup steps.
View on GitHubBundles
Everything this plugin ships — skills, agents, commands, hooks, and MCP servers it bundles.
Skills (56)
iblai-agent-support
Add the agent Support tab (human support ticket inbox with availability toggle, filters, ticket detail, status updates, and replies) to your Next.js app
iblai-agent-voice
Add the agent Voice tab (pick the agent's voice and configure voice calls) to your Next.js app
iblai-vibe-account
Add account and organization settings page to your Next.js app
iblai-vibe-agent-access
Add the agent Access tab (role-based access control for editor and chat roles) to your Next.js app
iblai-vibe-agent-api
Add the agent API tab (API key management) to your Next.js app
iblai-vibe-agent-audit
Add the agent Audit tab (audit log of who changed what and when, with user/date/action filters) to your Next.js app
iblai-vibe-agent-billing
Add the agent Billing tab (LLM spend limits for the agent and per user, with usage bars, block/alert enforcement, and near-limit alert thresholds) to your Next.js app
iblai-vibe-agent-chat-sidebar
Wrap the Chat surface with the SDK's AppSidebar — projects dropdown, pinned/recent messages, and host-supplied content/footer menu items
iblai-vibe-agent-chat
Add the in-process Chat SDK component (full agent surface — message stream, canvas, file attach, voice, prompts) to a Next.js app
iblai-vibe-agent-dataset
Add the agent Datasets tab (searchable dataset table with upload) to your Next.js app
iblai-vibe-agent-disclaimer
Add the agent Disclaimers tab (user agreement and advisory) to your Next.js app
iblai-vibe-agent-embed
Add the agent Embed tab (embed code, custom styling, shareable links) to your Next.js app
Show all 56 bundled skills Showing all 56 bundled skills
iblai-vibe-agent-evals
Add the agent Evals tab (run the agent against benchmarks, score responses with LLM-as-Judge reviews or manual scores, export CSV) to your Next.js app
iblai-vibe-agent-grader
Add the agent Grader tab (rubric-based grading with a grading toggle, grading setup form, criteria table, and grade results with LMS-synced overrides) to your Next.js app
iblai-vibe-agent-history
Add the agent History tab (conversation history with filters and export) to your Next.js app
iblai-vibe-agent-llm
Add the agent LLM tab (model provider selection) to your Next.js app
iblai-vibe-agent-lti
Add the agent LTI tab (LTI 1.3 launch toggle with agent links, signing keys, tools, and platform endpoints) to your Next.js app
iblai-vibe-agent-mcp
Add the agent MCP tab (Model Context Protocol connector management with featured connectors, custom connectors, OAuth, and add/edit dialogs) to your Next.js app
iblai-vibe-agent-memory
Add the agent Memory tab (enable/disable memory and manage memories) to your Next.js app
iblai-vibe-agent-privacy
Add the agent Privacy tab (PII detection and filtering with redact/mask/block actions, entity-type selection, and AI-response filtering) to your Next.js app
iblai-vibe-agent-prompt
Add the agent Prompts tab (system prompts and suggested prompts) to your Next.js app
iblai-vibe-agent-safety
Add the agent Safety tab (moderation prompts and flagged content) to your Next.js app
iblai-vibe-agent-sandbox
Add the agent Sandbox tab (sandbox type selection — Computing Runtime, Virtual Machine Shell, or Claw — plus OpenClaw instance management and agent prompt configuration) to your Next.js app
iblai-vibe-agent-search
Add the agent search/browse page (starred, featured, custom, and default agents) to your Next.js app
iblai-vibe-agent-setting
Add the agent Settings tab (name, description, visibility, copy, delete) to your Next.js app
iblai-vibe-agent-skills
Add the agent Skills tab (reusable Agent Skills catalog with per-agent assignment, private skills, file resources, and the chat `/` skill picker) to your Next.js app
iblai-vibe-agent-support
Add the agent Support tab (human support ticket inbox with availability toggle, filters, ticket detail, status updates, and replies) to your Next.js app
iblai-vibe-agent-task
Add the agent Tasks tab (schedule automated periodic agent tasks with run logs) to your Next.js app
iblai-vibe-agent-tool
Add the agent Tools tab (enable/disable agent tools) to your Next.js app
iblai-vibe-agent-voice
Add the agent Voice tab (pick the agent's voice and configure voice calls) to your Next.js app
iblai-vibe-analytics
Add analytics dashboard page to your Next.js app
iblai-vibe-auth
Add ibl.ai SSO authentication to a vanilla Next.js app
iblai-vibe-billing
Add the tenant Billing settings surface (Plan & Credits with Stripe upgrade, add-credits, and auto-recharge; the workspace-wide Spend Limit; and the Agent Limits table managing every agent's spend cap in one place) to your Next.js app
iblai-vibe-cli-maintenance
Internals of the `iblai` CLI (iblai-app-cli) — how its commands, Jinja2 template system, standalone-binary build, and release/publish flows are structured. Use when maintaining, debugging, rebuilding, or reproducing the iblai CLI itself, or when you need to know how `iblai add` / `iblai startapp` / `iblai builds` work under the hood — it preserves the CLI's construction so the behavior can be reproduced or ported.
iblai-vibe-component
Add an iblai component or feature to your app
iblai-vibe-course-access
Add course-content pages (edX user UI) to your Next.js app
iblai-vibe-credential
RBAC setup that lets an API token list and unmask integration credentials on the ibl.ai platform. Use when the user mentions integration credentials, unmasking sensitive credentials, or credential access for a token; see /iblai-vibe-rbac for the broader RBAC model.
iblai-vibe-credit
Add the ibl.ai credit balance widget.
iblai-vibe-design
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Falls back to the ibl.ai BRAND.md design system when the project has none. Not for backend-only or non-UI tasks.
iblai-vibe-deslop
Audit and harden existing codebases (especially AI-generated / vibe-coded ones) for production readiness. Use when the user asks to review, audit, clean up, harden, deslop, refactor, or fix quality issues across an existing codebase. Works in two phases — first a thorough multi-pass audit written to a structured file, then systematic fixes applied in safety-tiered order. Language-agnostic. Does NOT change business logic — only hardens, cleans, and robustifies.
iblai-vibe-history
Add the user profile History surface (review and export your own conversations with AI agents — Conversations tab with filters and a two-column transcript preview, and an Exports tab listing generated reports) to your Next.js app
iblai-vibe-iconography
Generate every required app-icon size for Tauri desktop, iOS, Windows MSIX, and macOS builds from a single source image. Use when the user mentions app icons, icon generation, iconography, favicons, replacing the logo, or needs the full icon set for a desktop/mobile build. The ready-made default ibl.ai icon set ships in iblai-vibe-ops-build/assets/icons/.
iblai-vibe-invite
Add user invitation dialogs to your Next.js app
iblai-vibe-local-llm
Use when adding on-device LLM inference (Ollama backend) to a vibe Next.js + Tauri app. Documents the contract a vibe app must implement so the SDK can route chat through a local model via `localLLMProps` — the Tauri command names, event names, and the React hook shape. Mention before wiring "offline AI", "local model", "on-device LLM", or "Ollama" support into a desktop build.
iblai-vibe-memory
Add the tenant Memory settings surface (manage every user's global memories and every agent's memories from one place — Global and Agent tabs with per-user memory toggles and the full per-agent memory manager) to your Next.js app
iblai-vibe-monetization-analytics
Build custom Platform analytics surfaces — revenue dashboards, subscriber lists, paywalls overview, and a self-service subscription cancel helper on top of ibl.ai's item monetization. The in-tab MonetizationTab does NOT render revenue or subscriber data today, so these hooks are the building blocks for custom dashboards, leaderboards, and admin tools. Use when the user mentions analytics, revenue, subscribers, sales volume, sales count, commission, dashboard, paywalls list, cancel subscription, or "monetization metrics". See /iblai-vibe-monetization for the family index, /iblai-vibe-monetization-onboard for Stripe Connect status + commission, /iblai-vibe-monetization-configure for paywall setup, /iblai-vibe-monetization-subscription for the user-side counterpart, /iblai-vibe-auth for token wiring, and /iblai-vibe-rbac for the IsPlatformAdmin gate.
iblai-vibe-monetization-app-paywall
Put a Stripe "pay to enter" gate on a whole vibe-starter app using the tenant's OWN Stripe key via the DM Stripe proxy paywall endpoints — no Stripe Connect, no commission, no webhooks. Admin setup (probe the tenant's stored Stripe credential — never collect a key in chat — then create app-tagged product + prices), two server routes + lib/paywall.ts, the client PaywallGate, and the /paywall pricing + return pages. Use when the user mentions charging for the whole app, pay to enter, app paywall, subscribe to use the app, gate the app behind payment, or selling access with their own Stripe account. See /iblai-vibe-monetization for the item-level Stripe Connect family index, /iblai-vibe-monetization-checkout for selling individual items in-platform, /iblai-vibe-ops-deploy for shipping the server env, /iblai-vibe-auth for token wiring.
iblai-vibe-monetization-checkout
Build the buyer-facing PaywallModal, access-check gate, Stripe checkout flow, and public/guest buy surface for ibl.ai's item-level monetization. Use when the user mentions paywall, checkout, gate content, access check, 402, hard paywall, locked content, PaywallModal, redirect to Stripe, success_url / cancel_url, guest checkout, anonymous buy, public pricing, or selling a single item to logged-out visitors. See /iblai-vibe-monetization for the family index, /iblai-vibe-monetization-configure for the prerequisite paywall + price setup, /iblai-vibe-monetization-onboard for the Connect-ready Platform requirement, /iblai-vibe-monetization-subscription for the post-purchase My Purchases tab, and /iblai-vibe-auth for token wiring.
iblai-vibe-monetization-configure
Build the admin MonetizationTab inside the Account page — the Platform seller wizard that turns an agent/course/program/pathway/custom item into a paid product, with paywall settings (grandfathering, free tier, trial days) and per-item pricing tiers. Use when the user mentions monetization tab, paywall configuration, item pricing, pricing tiers, wizard, custom items, grandfathering, item search, or "configure a paywall". See /iblai-vibe-monetization for the family index, /iblai-vibe-monetization-onboard for the Stripe Connect prerequisite, /iblai-vibe-monetization-checkout for what buyers see, /iblai-vibe-monetization-subscription for the user purchases pane, /iblai-vibe-monetization-analytics for revenue, /iblai-vibe-account for the host page, /iblai-vibe-rbac for the can_sell_items gate, /iblai-vibe-auth for token wiring.
iblai-vibe-monetization-onboard
Build the Stripe Connect Express onboarding surface for Platform sellers — the status card with Configured / Incomplete / Not Configured badge, the Configure Stripe / Complete Setup / Stripe Dashboard action button, the onboard-refresh round-trip when an onboarding link expires, and the is_ready_for_payments gate every later paywall depends on. Use when the user mentions Stripe Connect, Connect Express, onboarding, status card, is_ready_for_payments, dashboard link, disconnect Stripe, or "the Platform can't accept payments yet". See /iblai-vibe-monetization for the family overview, /iblai-vibe-monetization-configure for what comes next once Connect is ready, /iblai-vibe-monetization-checkout for the buyer flow, /iblai-vibe-account for the page that hosts the MonetizationTab, /iblai-vibe-auth for token wiring, /iblai-vibe-rbac for IsPlatformAdmin.
iblai-vibe-monetization-subscription
Build the user-facing PurchasesTab inside the Profile page — list, detail, and cancel for the current user's subscriptions on a Platform. Use when the user mentions purchases, my subscriptions, subscription list, cancel subscription, stripe portal, grandfathered, legacy subscription, subscription detail, or cancel-at-period-end. See /iblai-vibe-monetization for the family index + auth + RBAC, /iblai-vibe-monetization-checkout for how the user got here (paywall, checkout, callback), /iblai-vibe-monetization-analytics for the admin subscriber view, /iblai-vibe-profile for the Profile shell that hosts this tab, and /iblai-vibe-auth for the token wiring.
iblai-vibe-monetization
Reference and family index for ibl.ai's item-level monetization system — Stripe Connect Express, paywalls, per-item pricing tiers, checkout, subscriptions, and revenue analytics. Distinct from /iblai-vibe-credit (Platform-wide credit balances). Use when the user mentions monetization, paywalls, item sales, Stripe Connect, pricing, subscriptions, or asks where a monetization workflow lives. See /iblai-vibe-monetization-onboard for Connect onboarding, /iblai-vibe-monetization-configure for the admin MonetizationTab + wizard, /iblai-vibe-monetization-checkout for the PaywallModal + access-check + Stripe checkout (incl. guest/public buy), /iblai-vibe-monetization-subscription for the user PurchasesTab + cancel flow, /iblai-vibe-monetization-analytics for revenue and subscribers, /iblai-vibe-credit for Platform-wide credits, /iblai-vibe-auth for token wiring.
iblai-vibe-navbar
Add a responsive navbar with logo, page links, notification bell, and profile dropdown
iblai-vibe-notification
Add notification bell and center page to your Next.js app
iblai-vibe-onboard
Design and build a high-converting questionnaire-style onboarding flow for your app, modelled on proven conversion patterns from top subscription apps.
iblai-vibe-ops-build
Build and run your ibl.ai app on desktop and mobile (iOS, Android, macOS, Surface)
Quality Score: 75/100
Details
- Author
- iblai
- Repository
- iblai/vibe
- Created
- 5 months ago
- Last Updated
- today
- Language
- JavaScript
- License
- MIT