Buff Development

Interface and usability

The application shell: sidebar, header, themes, mobile version.

On the left is the permanent project navigation: development, audits, “Ask”, research, review, repositories, connectors, knowledge base, test settings. A counter next to a section appears where the number means “you are being waited for” — for example, next to review.

In a space without code the sidebar is shorter — four sections: Ask · Deep research · Connectors · Knowledge base. There are no development sections in it, and no task list under the sections either.

Under the sections is the project’s task list (on a phone it is in a slide-out panel), and at the bottom the balance card: how much money the organisation has, its plan and its spend over 30 days. The card opens billing.

The organisation and project switcher — at the top of the sidebar

The top bar holds the breadcrumbs (organisation · project · section), search (⌘K / Ctrl+K), guided tours and the notification bell.

Themes

The light and dark themes are switched in the bottom panel of the sidebar. Each is designed separately: status colours read the same in either theme.

The theme switch — in the bottom panel of the sidebar

The “Connectors” section

Here you see everything that happens on your machines, and nothing there is controlled from here — installing code in your network remains a decision made on the machine itself.

For each agent: whether it is online or offline, its version, the repositories it serves (with an import button for each), and whether it has a working access token. Below are integrations and MCP: for each connection its name and slug, status, the integration and its version, the development project, the allowed addresses and the full list of tools, marking which ones only read. Next to it are the time of the last report and the text of the last error, if there was one.

A connection in full: what is running, what is given to the model and where it is allowed to go.

The “Revoke” button ends the agent’s access; everything else is configured on the agent’s local page.

Mobile version

For your phone there is the Buff app for iPhone and Android — with notifications and end-to-end encryption. The workspace in a phone browser works too: navigation moves into a slide-out panel, a tab bar with the main sections appears at the bottom, tables turn into cards, and on the review screen the decision is pinned to the bottom — so you do not have to scroll through the whole diff to reach it.

On this page