---
title: New page
description: Add one App Router page to an existing VIBE21 site.
order: 2
---

# vibe21-web-new-page

Creates one new page in the current site. You name it. The agent derives the slug and writes the file.

## When to use it

Use it on an existing VIBE21 project, after [vibe21-web-new](/docs/vibe21-web-new).

Do not use it to start a site. That is the scaffold.

## How to run it

```
/vibe21-web-new-page
```

The agent asks one question at a time:

- the page name (required)
- an optional heading and short body
- confirmation of the derived slug (`O nás` → `o-nas`)

Visible copy uses the first code in `siteLanguages`. The agent still talks to you in `agentLanguage`.

## What happens

- `app/<slug>/page.tsx` is created. An existing folder is not overwritten.
- The page follows the saved `design` and color tokens. It does not invent a second look.
- The agent offers a homepage link. You decide.
- The route is appended to `vibe21.md`.

Then it offers [vibe21-web-preview](/docs/vibe21-web-preview).