Featured

Deploy OpenClaw in 60 seconds — 20% off logoDeploy OpenClaw in 60 seconds — 20% off

Launch OpenClaw on Hostinger in about 60 seconds and keep your agent live 24/7. Our referral link gives you 20% off, no coupon code needed.

Launch on Hostinger
Run your Hermes agent on Hostinger, fully managed logoRun your Hermes agent on Hostinger, fully managed

Launch Hermes on Hostinger in one click, fully managed, no VPS knowledge needed. Use code ZACAARON10 for 10% off.

Launch on Hostinger
Crawl and scrape any site into clean data, 10% off logoCrawl and scrape any site into clean data, 10% off

Firecrawl crawls and scrapes any site into clean markdown for your agent. Get 1,000 free credits, and new users get 10% off their first purchase.

Try Firecrawl free
Your own AI agent, running 24/7 with QwikClaw logoYour own AI agent, running 24/7 with QwikClaw

QwikClaw sets up and runs an always-on OpenClaw agent for you. One click, no config files, no server setup.

Deploy now
One API to scrape, enrich, and extract the internet. logoOne API to scrape, enrich, and extract the internet.

Context.dev gives your agents a single API to scrape, enrich, and extract live web data — no proxies, no parsers, no maintenance.

Start building free
SetupClaw: done-for-you OpenClaw for founders & exec teams logoSetupClaw: done-for-you OpenClaw for founders & exec teams

White-glove OpenClaw for founders and exec teams (4–50+ employees): we install, harden, integrate your tools, and maintain it — secured from day one.

Get it set up for you
SEO data APIs for your agent, $1 free credit logoSEO data APIs for your agent, $1 free credit

DataForSEO gives your agent live access to SERP results, keyword data, backlinks, and on-page SEO data through one API. New accounts get a $1 credit, good for up to 20,000 keyword or backlink lookups.

Try DataForSEO free
Reach 47,000+ AI builders

A flat monthly placement in front of developers actively installing AI tools. No lock-in, cancel anytime.

Advertise here

Summary

Vibes is for people who use Claude Code, but don't know how to code.

Install to Claude Code

/plugin install vibes@VibesOS

Run in Claude Code. Add the marketplace first with /plugin marketplace add popmechanic/VibesOS if you haven't already.

README.md

VibesOS - a GUI for Claude Code that makes unhackable mini-apps

!Vibes

Instantly make your own small multi-user apps, without a backend. For apps made with Vibes, the front-end _is_ the app.

What is Vibes?

Vibes is a vibe coding framework made for coding agents. It collapses application code and application state into a single HTML file that runs anywhere.

Why does this matter? AI doesn't make apps - it makes text. By embedding the database in JavaScript (via TinyBase), your coding agent can describe an entire app - including its persistence layer - in one shot. No server setup, no schema imports. Just a working app.

Your data lives locally in the browser, encrypted and portable. It syncs across users automatically. Share your creations with a simple link and friends can jump in immediately.

Installation

MacOS users can download the desktop app.

If you want to run it as a plugin, register the marketplace first:

/plugin marketplace add popmechanic/VibesOS

Then install the plugin:

/plugin install vibes@VibesOS

Restart Claude Code after installation.

Plugin Quick Start

After installation, open Claude Code and enter /launch, then choose the Editor option. Claude will then open a web GUI designed to help you produce secure, vibe coded apps.

!Vibes Editor

It's still Claude Code under the hood, we just help you with a nice user interface. Use the GUI to turn your ideas into simple deployable multiplayer apps that don't require a server. (So you don't have to be a Linux genius to run a great app.)

Skills

Skills are model-invoked - Claude automatically uses them when your task matches the skill's purpose. Just describe what you want to build.

vibes

Generate a complete, working app from a prompt. Perfect when you have a clear idea and want to see it working quickly.

Creates a single HTML file with inline JavaScript, TinyBase for local-first reactive data, and Tailwind CSS styling. No build step - just open and run.

Example prompts:

  • "Make a chore chart for my roommates"
  • "Build a potluck sign-up for Friendsgiving"
  • "Create a trivia game about reality TV"

Commands

Commands are user-invoked — run them explicitly when you want a specific skill.

| Command | What it does | |---------|-------------| | /vibes | Generate a React web app with TinyBase | | /launch | Build and deploy a SaaS app end-to-end using Agent Teams |

Why Vibes?

Every vibe-coded project starts in the vibe zone - the AI understands you, progress is fast, each change moves the app forward.

Then something small goes wrong. A fix that mostly works. An edge case layered on top. You correct it, then correct the correction, and suddenly progress slows to a crawl.

You've drifted out of the vibe zone.

!Vibe Zone

Vibes OS keeps things simple enough that you stay in the vibe zone. Single-file apps. Local-first data. No server complexity. The AI can see and understand everything it needs to help you.

How Data Works

Vibes apps use TinyBase, a reactive data store for local-first apps:

  • Offline-first: Apps work without internet, sync when connected
  • Reactive: Automatic re-rendering when data changes via React hooks
  • Shareable: Real-time sync across users via WebSocket relay
  • Portable: Simple table/row data model, easy to export

The hidden settings menu (gear icon) lets you configure sync for collaboration.

The Constraint Is the Feature

You cannot run global queries across all tenants. Some ideas won't fit. This is groupware—tools for communities, not platforms that own them. No one can be Zuckerberg over a Vibes app. That's the point.

We live on Github Stars, please donate yours

<a href="https://www.star-history.com/?repos=popmechanic%2FVibesOS&type=date&legend=top-left"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/chart?repos=popmechanic/VibesOS&type=date&theme=dark&legend=top-left" /> <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/chart?repos=popmechanic/VibesOS&type=date&legend=top-left" /> <img alt="Star History Chart" src="https://api.star-history.com/chart?repos=popmechanic/VibesOS&type=date&legend=top-left" /> </picture> </a>

License

MIT

Related plugins

Browse all →