by sa4hnd
Open-Source AI App Builder for Mobile — Build apps with AI like vibecodeapp, rork, lovable & bolt.new but fully open source. Describe what you want → AI builds it → Preview on your phone. Built with Claude Code, Expo, React Native, Convex, E2B.
# Add to your Claude Code skills
git clone https://github.com/sa4hnd/vibra-codeLast scanned: 6/17/2026
{
"issues": [],
"status": "PASSED",
"scannedAt": "2026-06-17T09:04:44.287Z",
"npmAuditRan": true,
"pipAuditRan": true,
"promptInjectionRan": true
}vibra-code is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by sa4hnd. Open-Source AI App Builder for Mobile — Build apps with AI like vibecodeapp, rork, lovable & bolt.new but fully open source. Describe what you want → AI builds it → Preview on your phone. Built with Claude Code, Expo, React Native, Convex, E2B. It has 100 GitHub stars.
Yes. vibra-code passed SkillsLLM's automated security scan — a dependency vulnerability audit plus prompt-injection heuristics — with no high-severity issues. You can read the full report in the Security Report section on this page.
Clone the repository with "git clone https://github.com/sa4hnd/vibra-code" and add it to your Claude Code skills directory (see the Installation section above).
vibra-code is primarily written in TypeScript. It is open-source under sa4hnd on GitHub, so you can review or fork the full source.
Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh vibra-code against similar tools.
No comments yet. Be the first to share your thoughts!
E2B sponsored $20K in cloud sandbox credits through their Startups program.
https://github.com/user-attachments/assets/f72fcbf0-091a-4cc1-a453-fed062f52bdf
https://github.com/user-attachments/assets/5610f5e1-d146-4634-b616-301560e230f0
https://github.com/user-attachments/assets/0d5a79ef-f69a-452b-a25a-9e149de6e05a
Vibra Code is an open-source AI app builder that lets you create mobile apps by describing them in plain English. The backend runs Claude Code (Anthropic's AI coding CLI) inside an E2B cloud sandbox to generate complete apps while you watch in real time. Then you see a live preview — right on your phone.
Think of it as an open-source alternative to Vibe Code App, Rork, Lovable, and Bolt.new — but you can self-host it, customize the AI prompts, swap AI providers, and fork it to make it your own.
This is the complete source code behind the app on the App Store. Built by one developer with Claude Code. Now open source.
Every other AI app builder is closed-source. You can't see how it works, can't customize it, can't self-host it.
| Vibra Code | Vibe Code App | Rork | Lovable | Bolt.new | |
|---|---|---|---|---|---|
| Open source | Yes | No | No | No | No |
| Self-hostable | Yes | No | No | No | No |
| Custom AI prompts | Yes | No | No | No | No |
| Swap AI providers | Yes | No | No | No | No |
| Fork & modify | Yes | No | No | No | No |
Looking for an open-source vibe coding app? This is it. Fork it, self-host it, make it yours.
60fps native chat UI built with Texture + IGListKit. Off-main-thread rendering. No jank.
Multi-AI providers -- Claude (default), Cursor, Gemini. Switch with one env var.
E2B cloud sandboxes for isolated, safe code execution.
Real-time sync via Convex. Changes stream from sandbox to phone instantly.
Voice & image input -- describe apps by voice or attach mockup screenshots.
GitHub integration -- push generated projects directly to GitHub.
Web + mobile preview -- preview both web and mobile apps.
Built on Expo -- modified Expo Go gives you full native control.
Phone Server Cloud
┌──────────┐ API ┌──────────────┐ Queue ┌──────────────┐
│ Expo │ ──────── │ Next.js │ ────────── │ E2B Sandbox │
│ iOS App │ │ + Convex │ Inngest │ + AI Agent │
└────┬─────┘ └──────┬───────┘ └──────┬───────┘
│ │ │
└───── real-time sync ──┴─── code generation ───────┘
| Required | Purpose |
|---|---|
ANTHROPIC_API_KEY |
AI code generation (Claude) |
E2B_API_KEY |
Cloud sandboxes (sign up) |
| Clerk publishable + secret keys | Authentication (sign up) |
| Convex deployment URL | Real-time database (sign up) |
Stripe and RevenueCat keys are optional -- only needed if you want payments.
cd vibracode-backend
npm install
cp .env.example .env.local # then add your API keys
npx convex deploy # deploy database
npx inngest-cli@latest dev # job server → localhost:8288
npm run dev # Next.js → localhost:3000
npm install -g @e2b/cli && e2b auth login
cd vibracode-backend/e2b-cursor-template
e2b template build
# Copy the template ID → set it in config.ts and lib/e2b/config.ts
git clone --recurse-submodules https://github.com/sa4hnd/vibra-code.git
cd vibra-code/vibracode-mobile
brew bundle # cmake, ninja for Hermes
yarn # JS dependencies
yarn setup:native # native setup
cd packages/expo && yarn build && cd ../.. # build Expo
cd react-native-lab/react-native && yarn install && cd ../.. # RN from source
cd apps/expo-go/ios && pod install && cd ../../.. # CocoaPods
cd apps/expo-go && yarn start # Metro (must be port 80)
Then in Xcode:
apps/expo-go/ios/Exponent.xcworkspaceDEV_KERNEL_SOURCE → LOCAL in EXBuildConstants.plist| Problem | Fix |
|---|---|
| SHA-1 / symlink errors | rm -rf ./react-native-lab/react-native/node_modules |
| C++ build errors | find . -name ".cxx" -type d -prune -exec rm -rf '{}' + |
| Everything broken | git submodule foreach --recursive git clean -xfd then re-run setup |
vibra-code/
├── vibracode-backend/ # Next.js 15 + Convex + Inngest
│ ├── app/api/ # API routes
│ ├── convex/ # Database schema & functions
│ ├── lib/inngest/functions/ # Background jobs
│ ├── lib/e2b/ # Sandbox configuration
│ └── e2b-cursor-template/ # E2B Dockerfile
│
├── vibracode-mobile/ # React Native / Expo
│ └── apps/expo-go/
│ ├── src/screens/ # App screens
│ ├── src/services/ # Business logic
│ └── ios/Client/Menu/ # Native chat UI (Texture + IGListKit)
│
├── expo-template/ # Sandbox app template (submodule)
└── CLAUDE.md # AI dev guidelines
| Layer | Technology |
|---|---|
| API | Next.js 15 (App Router) |
| Database | Convex (real-time) |
| Jobs | Inngest |
| Sandboxes | E2B |
| AI | Claude Code CLI / Cursor / Gemini |
| Auth | Clerk |
| Payments | Stripe + RevenueCat (optional) |
| Mobile | React Native / Expo SDK 54 |
| Chat UI | Texture + IGListKit (60fps) |
ios/Client/Menu/)The heart of the mobile app is a high-performance native chat UI built with Texture (AsyncDisplayKit) + IGListKit for 60fps scrolling. This is where users interact with the AI agent.
| File | Purpose |
|---|---|
EXPreviewZoomManager.h/m |
Main singleton — coordinates zoom, chat, bars, and the entire preview experience |
EXPreviewZoomManager+Zoom.m |
Zoom in/out animations (3D transform with perspective) |
EXPreviewZoomManager+ChatView.m |
Chat UI, message rendering, session loading from Convex |
EXPreviewZoomManager+TopBar.m |
Top bar — app name, refresh button, chevron, three-dots menu |
EXPreviewZoomManager+BottomBar.m |
Bottom bar — text input, send, mic (voice), image attach, model selector |
EXPreviewZoomManager+Keyboard.m |
Keyboard show/hide handling and layout constraints |
EXPreviewZoomManager+Gestures.m |
Tap gestures for zoom/chat toggle |
EXPreviewZoomManager+WebPreview.m |
Web project preview (WKWebView for non-mobile projects) |
Chat/)| File | Purpose | |