Skills
.Work. You
Rest

vibes

Community

One-file React apps with local-first data.

Software Engineering#React#Clerk#single-file#generate#cloud-sync#Fireproof
Authorpopmechanic
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Vibes provides a self-contained app generator that outputs a comprehensive React web app with a local-first Fireproof database and Clerk-based cloud sync, enabling rapid prototyping without backend boilerplate.

Core Features & Use Cases

  • Single-file React app generation: Produces a complete app in a single HTML file with inline JavaScript and a Fireproof datastore.
  • Local-first + cloud sync: Supports offline-first workflows with real-time syncing when Connect is configured.
  • Auth-ready templates: Includes Clerk authentication integration and auto-wrapping for cloud-enabled apps.
  • Rapid prototyping: Ideal for turning prompts into working prototypes, demos, or MVPs quickly.
  • Flexible deployment: Works with Cloudflare deployment and in-browser assembly pipelines.

Quick Start

Invoke the vibes skill with a prompt to generate a React app, such as "Create a to-do app with local-first data and Clerk authentication." The system will generate app.jsx and index.html, assemble, and prepare a live deployable package.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vibes
Download link: https://github.com/popmechanic/vibes-cli/archive/main.zip#vibes

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.