---
title: Quick start
description: Create your first VIBE21 site in five steps, from the toolchain check to a local preview.
order: 0
---

# 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.