> For the complete documentation index, see [llms.txt](https://gitbook.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gitbook.com/docs/resources/gitbook-ui.md).

# GitBook UI

GitBook is organized around your docs sites. You start at your organization **Home**, open a site to work on its content, and edit pages inside sections. This page walks through each part of the interface.

### Home

<div data-with-frame="true"><figure><img src="/files/jee22OpdZfVDSA5daRWv" alt=""><figcaption><p>Your organization Home gives you access to sites, content, and organization controls.</p></figcaption></figure></div>

When you open GitBook, you land on your organization **Home**: every docs site in your organization, in one place. From here you can open a site, create a new one, or adjust organization-wide settings. Home contains:

* **Switcher**\
  Get back to **Home** from anywhere using the switcher at the top of the sidebar. If you're part of multiple organizations, see and switch between them here, or create a new organization.
* **Notifications**\
  When you're tagged in a comment or conversation, or when there is important activity in a section you're working in, you get a [notification](/docs/collaboration/notifications.md) to show you what's new.
* **Ask or search**\
  Powered by [GitBook Agent](/docs/creating-content/searching-your-content/gitbook-ai.md), ask questions in natural language, or search through the sites and content in your organization.
* **Sites list**\
  View every docs site in your organization. Click a site to open it.
* **All content**\
  If your organization has content that isn't part of any site, it appears in an **All content** section alongside your sites, in a tree view. If every piece of content belongs to a site, this section doesn't appear.
* **Settings**\
  [Organization settings](/docs/account-management/organization-settings.md) and [account settings](/docs/account-management/account-settings.md) share one dedicated screen. It groups settings by **Account** and **Organization**.

  **Account** includes **General**, **Notifications**, **Organizations**, and **Developer tools**. **Organization** includes **General**, **Members**, **Merge rules**, **GitBook Agent**, **Integrations**, **OpenAPI**, **Translations**, **Invite links**, **Teams**, **SSO**, and **Billing**. Click **Back to app** to return to your work.
* **Styleguides**\
  View every [style guide](/docs/docs-site/site-structure.md) in your organization and the sites that use it.
* **Trash**\
  Deleted sections appear in **Trash**. You can restore them for up to seven days — after that, they're permanently deleted.

### Site sidebar

Opening a site replaces the sidebar with that site's content and tools: the same structure visitors see on your published site. The site sidebar contains:

* **Site header**\
  Your site's name and publish status, along with **Preview** and **Publish** buttons.
* **General**\
  **Overview**, **Change requests**, **Site structure**, and **Settings**.
* **Tools**\
  **Styleguide**, **Customize**, **Analyze**, and **Extend**. Each opens in the main view.
* **Content**\
  Your site's [sections](/docs/docs-site/site-structure/site-sections.md) and groups, in published order. Click a section to edit it.

  The tree is read-only. Reorganize it in the [structure editor](/docs/docs-site/site-structure.md). Use the search, edit, and **+** icons on the **Content** header to find, rename, and add sections.

### Table of contents <a href="#the-table-of-contents" id="the-table-of-contents"></a>

<div data-with-frame="true"><figure><img src="/files/DWecx1QgO5f5xkcvSKtM" alt=""><figcaption><p>The table of contents lists all the pages and links in your selected section.</p></figcaption></figure></div>

By default, the table of contents lists [pages, links, and page groups](/docs/creating-content/content-structure/page.md#organizing-your-content) in your selected section. It sits to the right of the sidebar.

You can also manage [reusable content](/docs/creating-content/reusable-content.md) and [files](/docs/creating-content/blocks/insert-files.md) for the section.

From the **Pages** tab in the table of contents you can:

* Create new [pages](#pages) and subpages.
* Create [page groups](#groups).
* Add [external links](#external-links).
* Access [the Action menu](#the-actions-menu) <picture><source srcset="/files/YjlF3Z9KMYv9aQiFzZKD" media="(prefers-color-scheme: dark)"><img src="/files/Zw9q37vPYF03vQIqywTy" alt=""></picture> for individual pages.

In the **Library** tab, you can:

* View and search reusable content, variables, images, and files in the section.
* View and insert reusable content from other sections.
* Create or import new Library items.
* Drag and drop Library items onto the page.
* Double-click a Library item to rename it.
* Preview images.
* Manage and download images and files.

Here’s a short video showing what you can do with the table of contents, particularly the Library tab:

{% embed url="<https://youtu.be/gg-VZP2wl-I>" %}

To focus on page content, hover next to the table of contents and click **Hide** <picture><source srcset="/files/t7RZoZXBNdmA75mANdIQ" media="(prefers-color-scheme: dark)"><img src="/files/c6LeppNAs2sFAlS8s649" alt="The Hide button icon in GitBook"></picture>. To show it again, hover near the page edge and click **Show** <picture><source srcset="/files/Vxv06rO6ZJQJWLfW9YHZ" media="(prefers-color-scheme: dark)"><img src="/files/ClPSCecr2rTfRFE0DMn5" alt="The Show button icon in GitBook"></picture>.

### Section header <a href="#space-header" id="space-header"></a>

<div data-with-frame="true"><figure><img src="/files/r5n8v35MG5XzfsaQjPDw" alt=""><figcaption><p>The section header sits at the top of the editor, and offers options that apply to the whole section.</p></figcaption></figure></div>

The section header contains information about the section you're currently viewing. It lets you view comments and history, configure [GitHub or GitLab Sync](/docs/getting-started/git-sync.md), and more.

{% hint style="info" %}
**The section header is adaptable**, and changes depending on the section and mode you're currently in.

For example, if you're editing a [change request](/docs/collaboration/change-requests.md), you see an overview of the change request, alongside options to open the editor, view changes, and merge your change request.

If you're viewing a read-only section, you need to open a new change request to edit the page, as live edits are locked.
{% endhint %}

<div data-with-frame="true"><figure><img src="/files/5BtDOqV98tXBgFcHAqQV" alt=""><figcaption><p>The section header in a change request.</p></figcaption></figure></div>

The section header includes:

* **The section emoji or icon**\
  Choose an emoji or icon for your section to identify it in the sidebar.
* **The section name**\
  This name appears in the sidebar and on your published site.
* **The section's breadcrumbs**\
  The site — and group, if any — the section lives in.
* **Action menu**\
  Offers actions for your section. Similar to [page actions](#the-actions-menu), available actions differ by editing mode.
* **Overview**\
  In a change request, view its title, description, participants, reviewers, changes, and comments.
* **Editor view**\
  Edit content with GitBook’s block-based editor.
* **Changes view**\
  This view [highlights changes](/docs/collaboration/change-requests.md#diff-mode) in a change request using diff view. Review changes before merging.
* **Preview**\
  Preview content before merging a change request.
* **Collaborators**\
  View avatars for people reading pages in the section. Click an avatar to open the page they are viewing.
* **Git Sync configuration**\
  Configure GitHub and GitLab [Sync](/docs/getting-started/git-sync.md) for the section.
* **The Share menu**\
  Publish and share your section, or invite others to collaborate.
* **Variables**\
  Create reusable [variables](/docs/creating-content/variables-and-expressions.md) for the section.
* **GitBook Agent**\
  Collaborate on section changes with [GitBook Agent](/docs/gitbook-agent/what-is-gitbook-agent.md).
* **Comments**\
  View [comments and discussions](/docs/collaboration/comments.md) about section content.
* **Change requests**\
  Create, update, and delete [change requests](/docs/collaboration/change-requests.md).
* **Section history**\
  View [version history](/docs/creating-content/version-control.md) for the section or change request.
* **The Edit button**\
  If a section is published or [live edits](/docs/collaboration/live-edits.md) are locked, **Edit** creates a [change request](/docs/collaboration/change-requests.md).

### Site tools <a href="#site-headers" id="site-headers"></a>

Site tools open from the site sidebar in the main view. The site header keeps **Preview** and **Publish**.

Under **General**:

* **Overview**\
  Essential site information, including its URL, publish status, audience, content, and top-level insights. Once your site is live, **Overview** links to it.
* **Change requests**\
  Change requests across your site's sections.
* **Site structure**\
  Use the [structure editor](/docs/docs-site/site-structure.md) to add, reorder, publish, and remove sections and groups.
* **Settings**\
  [Site settings](/docs/docs-site/site-settings.md) include **General**, **Members**, **Agents**, **Audience**, **Domain and URL**, **Redirects**, and **Plan**.

Under **Tools**:

* **Styleguide**\
  Your site’s [style guide](/docs/docs-site/site-structure.md) defines writing rules and conventions. GitBook Agent follows it when writing, editing, or reviewing content.
* **Customize**\
  [Customize your site](/docs/docs-site/customization.md) with **Theme**, **Layout**, **AI Assistant**, and **Configure** options.
* **Analyze**\
  **AI Insights** and **Analytics** provide [detailed analytics](/docs/docs-site/insights.md) about your site and its performance.
* **Extend**\
  **Connections**, **Channels**, **Docs Embed**, **MCP access**, and [**Integrations**](/docs/integrations/install-an-integration.md).

### Content editor

<div data-with-frame="true"><figure><img src="/files/nu1liW2G0FwctdSidxUd" alt=""><figcaption><p>Write content and add blocks in the GitBook editor.</p></figcaption></figure></div>

The editor is the main part of your section. Write and insert content, then collaborate with your team in real time.

Insert [content blocks](/docs/creating-content/blocks.md), write [Markdown](/docs/creating-content/formatting/markdown.md), [embed content](/docs/creating-content/blocks/embed-a-url.md), and collaborate with [GitBook Agent](/docs/gitbook-agent/what-is-gitbook-agent.md).

You can also comment on blocks and tag teammates.

### Page title and description <a href="#page-title" id="page-title"></a>

At the top of each page, set a title, add an optional emoji, and write a description. The title appears in the table of contents and forms the published URL slug.

Your page description can contain up to 200 characters. It appears as preview text in search engines.

{% hint style="info" %}
To change a page URL slug, open the page’s [Action menu](#the-actions-menu) and click **Edit title & slug**.
{% endhint %}

### Page actions menu <a href="#the-actions-menu" id="the-actions-menu"></a>

The page’s **Action menu** <picture><source srcset="/files/YjlF3Z9KMYv9aQiFzZKD" media="(prefers-color-scheme: dark)"><img src="/files/Zw9q37vPYF03vQIqywTy" alt="The Actions menu icon in GitBook"></picture> lets you duplicate, rename, or delete a page.

In the table of contents, hover over a page and click the <picture><source srcset="/files/YjlF3Z9KMYv9aQiFzZKD" media="(prefers-color-scheme: dark)"><img src="/files/Zw9q37vPYF03vQIqywTy" alt="The Actions menu icon in GitBook"></picture> icon. You can also click the icon next to the page title.

{% hint style="info" %}
Available actions depend on whether you use [live editing](/docs/collaboration/live-edits.md) or a [change request](/docs/collaboration/change-requests.md).
{% endhint %}

### Page options <a href="#page-options" id="page-options"></a>

<div data-with-frame="true"><figure><img src="/files/Ot7AVHnxmdErgJAuZlpR" alt=""><figcaption><p>The <strong>Page options</strong> side panel offers customization options for your documentation and navigation.</p></figcaption></figure></div>

Use page options to customize documentation layout and navigation. Page options are available only while editing.

Open **Page options** from the page’s **Action menu** <picture><source srcset="/files/YjlF3Z9KMYv9aQiFzZKD" media="(prefers-color-scheme: dark)"><img src="/files/Zw9q37vPYF03vQIqywTy" alt="The Actions menu icon in GitBook"></picture> by selecting **Options**. You can also hover over the page title and click **Page options**.

{% hint style="info" %}
Some changes, such as disabling the table of contents, appear only on published documentation.
{% endhint %}

### Page outline

<div data-with-frame="true"><figure><img src="/files/lmd3F6rbK1ED9rxTS3Rm" alt=""><figcaption><p>The page outline shows H1 and H2 headings, allowing you to quickly jump to a specific section on an individual page.</p></figcaption></figure></div>

The page outline sits on the editor’s right side. It lets you jump to a page section.

The outline lists the H1 and H2 [headings](/docs/creating-content/blocks/heading.md) on the page.

The page outline also appears on your published site. Toggle it in the [Page options](#page-options) side panel.

{% hint style="info" %}
If the right-hand column isn't visible, your browser window might be under 1430 pixels wide. Use a window at least 1430 pixels wide to view and use the page outline.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://gitbook.com/docs/resources/gitbook-ui.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
