VibesOS

作者 popmechanic已验证

A GUI for Claude Code that makes it easy to vibe code simple, un-hackable apps

128
Stars
5
Forks
HTML
语言
2026/8/23
添加时间

⚠️ 第三方软件声明

本 Skill 为第三方开源软件,独立托管于 GitHub。SkillTip 仅为信息目录,不控制或维护底层仓库。所显示的安全检查为自动化且范围有限,安装前请自行审查源码。

阅读服务条款

安装

添加到你的 Claude Code skills 目录:

# Add to your Claude Code skills
git clone https://github.com/popmechanic/VibesOS

快速入门

使用 VibesOS 等 Skills 的指南。

安全报告

已验证

上次扫描:—

{
  "status": "PASSED",
  "issues": []
}

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.

CommandWhat it does
/vibesGenerate a React web app with TinyBase
/launchBuild 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

Star History Chart

License

MIT

常见问题

What is VibesOS?

VibesOS is an open-source ide extensions skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by popmechanic. A GUI for Claude Code that makes it easy to vibe code simple, un-hackable apps. It has 128 GitHub stars.

Is VibesOS safe to use?

Yes. VibesOS 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.

How do I install VibesOS?

Clone the repository with "git clone https://github.com/popmechanic/VibesOS" and add it to your Claude Code skills directory (see the Installation section above).

What programming language is VibesOS written in?

VibesOS is primarily written in HTML. It is open-source under popmechanic on GitHub, so you can review or fork the full source.

Are there alternatives to VibesOS?

Yes. SkillsLLM lists many other IDE Extensions skills you can browse and compare side by side. Open the IDE Extensions category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh VibesOS against similar tools.

评论 (0)

暂无评论,成为第一个分享想法的人!

claudian

by YishenTu

An Obsidian plugin that embeds Claude Code/Codex as an AI collaborator in your vault

14,921972TypeScript
IDE 扩展
查看详情

OpenMythos

by kyegomez

A theoretical reconstruction of the Claude Mythos architecture, built from first principles using the available research literature.

14,8003,292Python
IDE 扩展
查看详情

cursor-hooks

by cursor

5

通过 Hooks 自动化 Cursor Agent 事件相关行为。

12,500890TypeScript
IDE 扩展claude-codeai-tools
查看详情

arscontexta

by agenticnotetaking

Claude Code plugin that generates individualized knowledge systems from conversation. You describe how you think and work, have a conversation and get a complete second brain as markdown files you own.

3,479220Shell
IDE 扩展
查看详情

开发者还喜欢

基于喜欢此 Skill 的开发者投票和收藏

ECC

by affaan-m

10

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,21936,702JavaScript
AI 智能体ai-agentsanthropicclaude-code
查看详情
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI 智能体ai-agentsbrainstorming
查看详情

hermes-agent

by NousResearch

10

The agent that grows with you

234,43747,175Python
AI 智能体ai-agentsagent-orchestration
查看详情

n8n

by n8n-io

12

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

201,88160,308TypeScript
MCP 服务器apisai-tools
查看详情

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

185,94028,768JavaScript
AI 智能体ai-agentsanthropicclaude-code
查看详情

cc-switch

by farion1231

3

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io

128,8688,826Rust
AI 智能体claude-codeai-tools
查看详情