Type Builder

The Type Builder is a cloud-based interface for content modeling directly in the Prismic web UI. Use it to create and manage page types, custom types, and slices by hand.

If you work with AI tools like Claude Code, Codex, or Cursor, point them to the Prismic CLI for content modeling instead.

Access the Type BuilderCopy link

To access the Type Builder, open your repository in Prismic and click on the Switch to type builder button. The sidebar lists three categories: Page types, Custom types, and Slices. Select a category to view and manage its items.

FeaturesCopy link

The Type Builder is used to model content:

• Page types: Define the structure of your website’s pages.
• Custom types: Define non-page content like settings, navigation, and categories.
• Slices: Create reusable page sections made up of fields.
• Fields: Add and configure fields for your content models.

Changes made in the Type Builder are saved directly to your Prismic repository.

Connect your applicationCopy link

Use the Prismic CLI to connect the Type Builder to your local codebase. The CLI syncs content models, generates TypeScript types, and integrates Prismic into your website.

Type Builder and Slice MachineCopy link

The Type Builder and the Prismic CLI together replace Slice Machine. Previously, content modeling required running Slice Machine locally. Now, the Type Builder handles content modeling in the browser, and the Prismic CLI handles syncing models, generating types, and generating component files.

Here’s how the two approaches compare:

Slice Machine is still supported in existing projects.

Migrate to the Type BuilderCopy link

Follow these steps to move an existing Slice Machine project to the Type Builder. The migration takes a few minutes and is mostly automated.

• Push local changesCopy link

  If you have unpushed local changes in Slice Machine, push them before continuing. Start Slice Machine, click Review changes, and Push.

• Install the skillCopy link

  If you are using Prismic with an AI tool like Claude Code, Codex, or Cursor, install the Prismic skill. The skill teaches your agent how to use the Prismic CLI alongside the Type Builder.

  npx skills add --global prismicio/skills

  Learn more about Prismic with AI
• Run the automatic migrationCopy link

  Call the Prismic CLI’s init command to migrate from Slice Machine to the Type Builder.

  npx prismic init

  The command performs the following:

  • Replaces slicemachine.config.json with prismic.config.json.
  • Pulls models from Prismic into your project.
  • Uninstalls Slice Machine and your project’s adapter.

  You can now use the Type Builder, and agents will use the Prismic CLI.