---
title: "Studio setup"
description: "Kilnwork's setup for a new studio as a focused page: the wordmark and Save and exit, the six-step wizard and a summary of what's set so far."
plan: Pro
docs: https://ui.edbn.me/docs/templates/studio-setup
---

# Studio setup

Kilnwork's setup for a new studio as a focused page: the wordmark and Save and exit, the six-step wizard and a summary of what's set so far.

A setup page with no app frame: the Kilnwork wordmark and Save and exit in a header that stays put, then the setup-wizard block, each step's heading the page's h1 under a Step 3 of 6 bar. From 1024px a summary column sits beside it and stays in view: every step, what each done one set, and Edit to open it again. Narrower, the summary follows the form. The steps are the block's on the Pro form wizard: the studio, rooms and kilns, a first class with the weekly-availability day rows, teachers as the invite-teammates email chips, and payments as connect-data-sources tiles, then a review. Save and exit keeps every answer and the step and says where to pick it up, with Continue setup. Create studio fails once in this sample (a room name that's taken), with Retry and Start over and the summary marking the rooms, then finishes with a link to the studio's schedule. With sample on it opens on step 3 with the first two done; off, on step 1 with nothing filled in.

A Pro page template built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/studio-setup
```

## Dependencies
- npm: lucide-react@^1.33.0, react-hook-form@^7.87.0, zod@^4.3.5
- edbn: edbn-base, alert-dialog, button, card, combobox, field, item, label, select, spinner, switch, text-link, timeline, form-core, form-fields, form-wizard

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More settings & onboarding templates

All 3, with install commands: https://ui.edbn.me/docs/templates/settings-and-onboarding (Markdown: https://ui.edbn.me/docs/templates/settings-and-onboarding.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt