VIBE21 · docsView as Markdown

Quick start

VIBE21 is a library of skills and templates for Claude Code and Cursor. You describe the site. The agent already knows how.

This page is the shortest path from an empty folder to a live local preview.

1. Prepare the environment

Run /vibe21-system-check.

The skill inspects the machine and reports what is missing or older than the pin. You confirm before anything is installed. You do not configure the stack yourself.

2. Create the site

Open an empty folder. Run /vibe21-web-new.

Answer a few questions about the site. The skill prepares the project, the config, and the files the later skills expect.

3. Lock the look

Run /vibe21-design-configuration.

Pick a primary color and a secondary color if you need one. Style and theme were chosen when the site was created. The brand book becomes the design system — not a mood board the agent forgets on the next page.

4. Open a local preview

Run /vibe21-web-preview.

A live preview stays out of the way while you work. You watch the site change as the agent applies edits.

5. Vibe

From here you write. No slash command. VIBE21 watches the output and keeps the site on the path you set.

Need a specific capability later — analytics, a form, a second language — open the matching skill in the sidebar.