iblai/vibe

Ship AI-powered apps fast. Backend included.

Note: This toolkit runs against the hosted iblai.app environment. If you'd like a license to the full platform codebase to run locally or self-host, reach out to our team at ibl.ai/contact.

---

Quick Start

Install Skills

Vibe Skills

Add ibl.ai skills to any project with one command:

npx skills add iblai/vibe

Vibe Marketing Skills

For marketing skills — conversion, copywriting, SEO, paid ads, lifecycle, growth (43 skills + 62 platform CLIs + 80 integration guides) — install the companion repo side-by-side:

npx skills add iblai/vibe-marketing

See iblai/vibe-marketing for the full catalogue.

ibl.ai Components for Next.js Apps

Ask Claude to add ibl.ai Chat, Profile, Account, Notification or Analytics component to your Next.js project.

ibl.ai App Template

Ask Claude to start an ibl.ai agent app.

What is Vibe

A developer toolkit for vibe coding with the ibl.ai platform. Vibe gives you a production-ready scaffold powered by 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 -- authentication, AI chat, profiles, notification, and analytics are already wired up. No API tokens to manage.

Why it matters:

• Start building in minutes, not days -- vibe-starter scaffolds a complete app with auth, AI chat, and a dashboard out of the box
• Backend included -- iblai.app provides SSO auth, AI agent infrastructure, analytics, and tenant management (free tier available)
• Client-side auth via SSO -- no API tokens to store, rotate, or leak
• Claude Code skills guide every step -- adding features is a conversation, not a scavenger hunt through docs
• shadcn/ui fills in UI gaps -- consistent design language without the overhead of a custom design system
• Ship everywhere -- web (Vercel), desktop (macOS/Windows/Linux), and mobile (iOS/Android) via Tauri v2

Built with iblai/vibe

Project	App	Repo	What it does
Agentic OS	os.ibl.ai	iblai/os	Agentic operating system for building and running AI agents
Agentic LMS	lms.ibl.ai	iblai/lms	Agentic learning management system

How It Works

1. Scaffold -- run npx create-next-app@latest myapp to generate a full Next.js app.
2. Connect -- Use Claude Code skills to add auth, AI chat, profiles, and more components to your app to 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

Get a complete app with auth, AI chat, profiles, and more by cloning vibe-starter:

git clone -b spa https://github.com/iblai/vibe-starter.git vibe-starter-init
cp -a vibe-starter-init/. . && rm -rf vibe-starter-init
pnpm install --ignore-scripts
cp .env.example .env.local   # then set NEXT_PUBLIC_MAIN_TENANT_KEY
pnpm dev

Run with --ignore-scripts to skip package lifecycle (postinstall) scripts.

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

Install Skills

Add ibl.ai skills to any project with one command:

npx skills add iblai/vibe

This installs our vibe skills that teach your AI agent how to build with the ibl.ai platform -- authentication, AI chat, profiles, analytics, workflows, and more. Works with Claude Code, Cursor, OpenCode, Copilot, and 15+ other agents.

Skills Usage Guide

After installing the skills, use them directly in your AI agent with / commands:

/iblai-vibe-auth
/iblai-vibe-agent-chat
/iblai-vibe-project
/iblai-vibe-profile
/iblai-vibe-account
/iblai-vibe-analytics
/iblai-vibe-notification
/iblai-vibe-invite
/iblai-vibe-workflow
/iblai-vibe-local-llm
/iblai-vibe-course-access
/iblai-vibe-course-create
/iblai-vibe-onboard
/iblai-build
/iblai-test
/iblai-vibe-ops-upgrade
/iblai-vibe-rbac
/iblai-vibe-agent-search
/iblai-vibe-agent-setting
/iblai-vibe-agent-access
/iblai-vibe-agent-api
/iblai-vibe-agent-dataset
/iblai-vibe-agent-disclaimer
/iblai-vibe-agent-embed
/iblai-vibe-agent-history
/iblai-vibe-agent-llm
/iblai-vibe-agent-memory
/iblai-vibe-agent-prompt
/iblai-vibe-agent-safety
/iblai-vibe-agent-task
/iblai-vibe-agent-tool

What each skill does:

• /iblai-vibe-auth -- adds authentication and configures the app for ibl.ai login.
• /iblai-vibe-agent-chat -- adds the full in-process agent chat surface.
• /iblai-vibe-project -- adds the in-process Projects surface (project landing page with chat input, files, instructions, assigned agents).
• /iblai-vibe-profile -- adds profile UI and profile settings flows.
• /iblai-vibe-account -- adds account and organization settings.
• /iblai-vibe-analytics -- adds analytics dashboards and reporting views.
• /iblai-vibe-notification -- adds notifications UI and notification center flows.
• /iblai-vibe-invite -- adds user invitation dialogs for tenant admin.
• /iblai-vibe-workflow -- adds workflow builder components (sidebar, modals, connectors).
• /iblai-vibe-local-llm -- defines the contract for adding on-device LLM inference (Ollama / Foundry) to a Tauri desktop build: Tauri command names, event names, and the React hook shape the SDK consumes via localLLMProps.
• /iblai-vibe-course-access -- adds edX course-content pages with outline sidebar, tab strip, iframe, and access control.
• /iblai-vibe-course-create -- drives the ibl.ai Course Creation API to programmatically generate, edit, and publish edX courses.
• /iblai-vibe-onboard -- designs and builds a high-converting questionnaire-style onboarding flow.
• /iblai-vibe-ops-build -- builds and runs the app on desktop and mobile (iOS, Android, macOS, Surface).
• /iblai-vibe-ops-test -- validates the app before it is presented to the user.
• /iblai-vibe-ops-upgrade -- upgrades the @iblai/iblai-js SDK and vibe skills to the latest versions.
• /iblai-vibe-scaffold -- scaffolds a new app or adds features; holds the base + agent project templates and documents the assembly steps.
• /iblai-vibe-iconography -- generates every app-icon size (Tauri desktop, iOS, Windows MSIX, macOS) from a single source image.
• /iblai-vibe-windows-msix -- builds and distributes a Tauri app as a Windows MSIX package (sideloading or Microsoft Store).
• /iblai-vibe-deslop -- audits and hardens an existing codebase for production readiness (two-phase audit then safety-tiered fixes).
• /iblai-vibe-cli-maintenance -- documents the internals of the iblai CLI: commands, the Jinja2 template system, standalone-binary build, and release/publish flows.

Security Skills

8 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-vibe-security-recon              /iblai-vibe-security-incident-triage
/iblai-vibe-security-owasp-audit        /iblai-vibe-security-cloud-audit
/iblai-vibe-security-osint-recon        /iblai-vibe-security-dependency-audit
/iblai-vibe-security-disk-forensics     /iblai-vibe-security-prompt-injection

See CLAUDE.md for one-line descriptions.

Marketing Skills

The 43 marketing skills (CRO, copywriting, SEO, paid ads, lifecycle, growth) plus the tools/ directory (62 platform CLIs + 80 integration guides) now live in the companion iblai/vibe-marketing repo.

Install side-by-side with vibe:

npx skills add iblai/vibe-marketing

What You Get

Feature	Description
Authentication	SSO login via iblai.app -- no token management, session handling built in
AI Chat	Streaming chat with ibl.ai agents, markdown rendering, conversation history
User Profile	Editable profile page with avatar, bio, and preferences
Account Settings	Password changes, notification preferences, connected services
Analytics Dashboard	Usage metrics, conversation stats, and user activity
Notification	Real-time notification system with read/unread state
Desktop & Mobile	Tauri v2 integration for macOS, Windows, Linux, iOS, and Android
AI Development Skills	Claude Code skills that walk you through adding and customizing every feature

Add to Existing Apps

Already have a project? Install the skills and let your AI agent add features:

npx skills add iblai/vibe

Then add features with the /iblai-vibe-* skills -- each creates the files and wires them in:

• /iblai-vibe-auth — SSO authentication
• /iblai-vibe-profile — user profile dropdown
• /iblai-vibe-account — account/organization settings
• /iblai-vibe-analytics — analytics dashboard