Last updated

Vibe (`iblai/vibe`)

GitHub: github.com/iblai/vibe โ€” Ship AI-powered apps fast. Backend included. MIT license ยท Next.js ยท TypeScript ยท Tailwind CSS ยท desktop & mobile via Tauri v2.

Overview

Vibe is a developer toolkit for vibe coding new applications on top of the existing ibl.ai backend. It gives you a production-ready scaffold powered by iblai-app-cli, the @iblai/iblai-js SDK, pre-built components, Claude Code skills, and a full backend at iblai.app โ€” you go from zero to a deployed AI app in minutes, with authentication, AI chat, profiles, notifications, and analytics already wired up.

In the five-repo family, Vibe is the build layer: iblai/api operates the platform headlessly via its REST API, iblai/os and iblai/lms are complete sample applications built with this very toolkit, and iblai/iblai-infra-cli deploys the backend on your own infrastructure. Vibe is where you start when you want to create something new against that backend.

It is for developers (and their AI coding agents) who want a working app without building or hosting backend services. Auth is client-side via SSO โ€” no API tokens to store, rotate, or leak. The toolkit runs against the hosted iblai.app environment; for a license to the full platform codebase to run locally or self-host, contact ibl.ai/contact.

What You Get

FeatureDescription
AuthenticationSSO login via iblai.app โ€” no token management, session handling built in
AI ChatStreaming chat with ibl.ai agents, markdown rendering, conversation history
User ProfileEditable profile page with avatar, bio, and preferences
Account SettingsPassword changes, notification preferences, connected services
Analytics DashboardUsage metrics, conversation stats, and user activity
NotificationsReal-time notification system with read/unread state
Desktop & MobileTauri v2 integration for macOS, Windows, Linux, iOS, and Android
AI Development SkillsClaude Code skills that walk you through adding and customizing every feature
Built with iblai/vibe

Two production apps are built with this toolkit: Agentic OS (os.ibl.ai, repo iblai/os) and Agentic LMS (lms.ibl.ai, repo iblai/lms).

How It Works

  1. Scaffold โ€” generate a full Next.js app with the CLI.
  2. Connect โ€” use Claude Code skills to add auth, AI chat, profiles, and more components that connect to iblai.app (or your own instance) for authentication, AI agents, and data.
  3. Customize โ€” use the skills to add features, swap components, and adjust business logic.
  4. Deploy โ€” push to Vercel or package with Tauri.

Skills

After installing (npx skills add iblai/vibe), use the skills directly in your AI agent with / commands. Instead of reading docs, you tell your agent what you want and the skills provide the context.

App-building skills
  • /iblai-auth โ€” add SSO authentication and configure the app for ibl.ai login
  • /iblai-agent-chat โ€” add the full in-process agent chat surface
  • /iblai-project โ€” add the in-process Projects surface (project landing page with chat input, files, instructions, assigned agents)
  • /iblai-profile โ€” add profile UI and profile settings flows
  • /iblai-account โ€” add account and organization settings
  • /iblai-analytics โ€” add analytics dashboards and reporting views
  • /iblai-notification โ€” add the notification bell and notification center flows
  • /iblai-invite โ€” add user invitation dialogs for organization admins
  • /iblai-workflow โ€” add workflow builder components (sidebar, modals, connectors)
  • /iblai-local-llm โ€” contract for on-device LLM inference (Ollama / Foundry) in a Tauri desktop build
  • /iblai-course-access โ€” add edX course-content pages with outline sidebar, tab strip, iframe, and access control
  • /iblai-course-create โ€” drive the ibl.ai Course Creation API to generate, edit, and publish edX courses
  • /iblai-onboard โ€” design and build a high-converting questionnaire-style onboarding flow
  • /iblai-landing โ€” build a high-converting landing page using a 12-section conversion framework
  • /iblai-component โ€” overview of all components and app creation paths
  • /iblai-rbac โ€” reference for the default RBAC roles, the platform's action-definitions endpoint, and the SDK components that render the Roles + Policies management UI
Agent-tab skills

One skill per tab of the agent management surface: /iblai-agent-search (browse page), /iblai-agent-setting, /iblai-agent-access, /iblai-agent-api, /iblai-agent-dataset, /iblai-agent-disclaimer, /iblai-agent-embed, /iblai-agent-history, /iblai-agent-llm, /iblai-agent-memory, /iblai-agent-prompt, /iblai-agent-safety, and /iblai-agent-tool.

Ops skills
  • /iblai-ops-build โ€” build and run the app on desktop and mobile (iOS, Android, macOS, Windows)
  • /iblai-ops-test โ€” validate the app before it is presented to the user
  • /iblai-ops-upgrade โ€” upgrade the ibl.ai CLI, SDK, and vibe skills to the latest versions
Security skills

Eight authorized-use security skills covering reconnaissance, source-code audits (OWASP Top 10), OSINT, disk forensics, incident triage, cloud configuration auditing, dependency vulnerabilities, and prompt-injection testing:

/iblai-security-recon              /iblai-security-incident-triage
/iblai-security-owasp-audit        /iblai-security-cloud-audit
/iblai-security-osint-recon        /iblai-security-dependency-audit
/iblai-security-disk-forensics     /iblai-security-prompt-injection
Marketing skills (companion repo)

The 43 marketing skills (CRO, copywriting, SEO, paid ads, lifecycle, growth) plus 62 platform CLIs and 80 integration guides live in the companion iblai/vibe-marketing repo, installed side-by-side:

npx skills add iblai/vibe-marketing

The ibl.ai Backend

https://api.iblai.app is the production backend that powers every Vibe app โ€” you do not need to build, host, or maintain any backend services. It provides SSO authentication (OAuth-based login with session management and RBAC), AI agent infrastructure (create, configure, and serve agents with streaming responses, tool use, and RAG), analytics, and per-organization management โ€” each organization gets its own users, agents, branding, and configuration. A free tier is available.

AI-Assisted Development (MCP Server)

The @iblai/mcp server gives Claude Code deep knowledge of the ibl.ai platform. Add this to your .mcp.json at the project root:

{
  "mcpServers": {
    "iblai": {
      "command": "npx",
      "args": ["-y", "@iblai/mcp"]
    }
  }
}

This gives your AI assistant access to component props and usage (get_component_info), hook signatures (get_hook_info), RTK Query endpoint details (get_api_query_info), provider setup code (get_provider_setup), and page template generation (create_page_template).

Platform Capabilities

FeatureWebmacOSWindows/SurfaceiOSAndroid
SSO AuthenticationYesYesYesNoNo
AI ChatYesYesYesYesYes
User ProfileYesYesYesYesYes
Account SettingsYesYesYesYesYes
Analytics DashboardYesYesYesYesYes
NotificationsYesYesYesYesYes

iOS & Android SSO limitation: Mobile WebViews use a non-standard user-agent that SSO providers reject. Completing the OAuth flow requires a system browser popup (ASWebAuthenticationSession on iOS, Chrome Custom Tabs on Android). This is not yet implemented โ€” mobile users must authenticate via another method for now.

Quick Start

Install the skills into any project:

npx skills add iblai/vibe

Scaffold a complete app with auth, AI chat, profiles, and more in one command (see iblai/iblai-app-cli for the iblai CLI installation guide):

iblai startapp agent -o iblai-init
cp -a iblai-init//. . && rm -rf iblai-init
rm -rf node_modules && pnpm install
cp .env.example .env.local
pnpm dev

Open http://localhost:3000. You will be redirected to login.iblai.app โ€” sign in or create a free account, and you are back in your app with a fully authenticated session.

Already have a project? Install the skills, then use the CLI to add features:

iblai add mcp            # MCP servers + skills (run first)
iblai add auth           # SSO authentication
iblai add profile        # User profile dropdown
iblai add account        # Account/organization settings
iblai add analytics      # Analytics dashboard
iblai add notification  # Notification bell

Deploy to Vercel, or build native desktop and mobile apps:

iblai deploy vercel
iblai add builds              # Add Tauri support
iblai builds build            # Desktop build for current platform
iblai builds ios init         # iOS project setup
iblai builds ci-workflow --all  # GitHub Actions for all platforms

How It Fits With the Other Repos

Vibe is the build layer of the ibl.ai open-source family: it teaches you (and your AI agent) how to create new applications on the same backend that the sample apps run on, the API skills operate, and the infra CLI deploys.

  • github.com/iblai/api โ€” agent skills + a chat MCP server to headlessly manage and operate the entire ibl.ai platform via its REST API (npx skills add iblai/api)
  • github.com/iblai/os โ€” a complete sample application built with Vibe: the open-source AI agent platform running at os.ibl.ai, yours to fork and modify
  • github.com/iblai/lms โ€” another complete sample application: an open-source skills intelligence platform (courses, competencies, credentials), yours to fork and modify
  • github.com/iblai/iblai-infra-cli โ€” how to deploy the platform on your own infrastructure with Terraform + Ansible, given access to the backend images
  • Vibe โ€” the Vibe quick-start reference
  • App CLI โ€” the iblai-app-cli scaffolding tool
  • MCP Servers โ€” the ibl.ai MCP server collection
  • Notifications โ€” the notifications system
  • RBAC โ€” roles, policies, and permissions

Copyright ยฉ ibl.ai | support@iblai.zendesk.com