> ## Documentation Index
> Fetch the complete documentation index at: https://herd.laravel.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Herd Studio

# Herd Studio

Herd Studio brings coding agents and your everyday development tools into the browser, right next to the site you're working on. You can ask an agent to build a feature, edit code, review changes, run a terminal, watch your dev server and deploy – without leaving your local `.test` site.

Herd Studio runs entirely on your Mac. It works with the AI providers and coding agents that you already use, so you can [connect your own AI provider](/docs/macos/herd-studio/ai-providers) and start building. Don't have an AI subscription? Herd Studio comes with [free models via opencode](/docs/macos/herd-studio/ai-providers#free-models), so you can start without paying for AI at all.

## Enabling Herd Studio

You can turn Herd Studio on and off in the AI tab of the Herd settings with the "Enable Herd Developer Tools" toggle. You can also enable it from the What's New tour when you update to Herd 2.

When Herd Studio is enabled, Herd injects a small "Edit with Herd" badge into every page of your local `.test` sites. This works for all sites that Herd serves, not only Laravel applications. Clicking the badge opens Herd Studio for that site.

<Frame>
  <img alt="Edit with Herd badge on a local site" src="https://mintcdn.com/herd/Tugha9TMDnNDuOxq/images/docs/edit_with_herd.png?fit=max&auto=format&n=Tugha9TMDnNDuOxq&q=85&s=f93af8ad560ecc0fb466306c7c544a19" width="2400" height="1600" data-path="images/docs/edit_with_herd.png" />
</Frame>

When you turn Herd Studio off, Herd removes the badge from all sites, the `/herd-studio` URL stops working, and Herd no longer [starts dev servers automatically](/docs/macos/herd-studio/dev-server).

## Opening Herd Studio

There are several ways to open Herd Studio for a site:

* Click the "Edit with Herd" badge on any page of the site.
* Visit `/herd-studio` on the site, for example `https://my-app.test/herd-studio`.
* Click "Open" on a site in the [Applications window](/docs/macos/sites/managing-sites). With Herd Studio enabled, this opens the site in Herd Studio.
* Run `herd studio` in your project directory, or `herd studio my-app` from anywhere.

```bash theme={null}
cd ~/Herd/my-app
herd studio
```

If you visit a `.test` domain that doesn't belong to any site, Herd shows the Herd Studio launcher instead of a 404 page. The launcher lists your recent projects with live previews and lets you start building a new application from a prompt.

<Frame>
  <img alt="Herd Studio launcher" src="https://mintcdn.com/herd/Tugha9TMDnNDuOxq/images/docs/herd_studio_launcher.png?fit=max&auto=format&n=Tugha9TMDnNDuOxq&q=85&s=64781f838c426f58e23cec14e2ecf4cf" width="2400" height="1600" data-path="images/docs/herd_studio_launcher.png" />
</Frame>

## What's inside Herd Studio

Herd Studio shows a live preview of your site next to a set of tools for the site:

<Frame>
  <img alt="Herd Studio" src="https://mintcdn.com/herd/Tugha9TMDnNDuOxq/images/docs/herd_studio.png?fit=max&auto=format&n=Tugha9TMDnNDuOxq&q=85&s=c5e9adffe7eac7c785783111fb637394" width="2400" height="1600" data-path="images/docs/herd_studio.png" />
</Frame>

| Tool | What it does |
| - | - |
| Agent chat | Talk to a coding agent about this site. Each site can have several conversations, and agents can ask questions, propose plans for your approval and accept image attachments. |
| Code | Browse, search and edit the project files with PHP autocompletion. |
| Changes | Review what the agent changed as a diff. For projects without git, Herd offers to initialize a repository. |
| Terminal | Run commands in terminals that live inside the project directory. |
| Dev server | Watch `php artisan dev` or Vite with each process separately. See [Dev Server](/docs/macos/herd-studio/dev-server). |
| Logs | Tail your application logs with Laravel Pail. |
| Queue | Run and watch `php artisan queue:listen`. |
| Site | Change the PHP version, HTTPS, isolation and the [services](/docs/macos/herd-pro-services/per-site-services) the site uses. |
| Tinker | Run PHP snippets in the context of your application. Requires Herd Pro. |
| Insights | See the [dumps, queries, logs, jobs and HTTP requests](/docs/macos/debugging/insights) of this site. Agents can read them too. Requires Herd Pro. |
| Share | Share the site via [Expose](/docs/macos/sites/sharing-sites). |
| Cloud | Deploy the site to [Laravel Cloud](/docs/macos/integrations/laravel-cloud). |

When your Laravel application throws an exception, Herd Studio shows the latest exception of the site and lets you hand it to an agent.

From Herd Studio, you can also start [workspaces](/docs/macos/sites/workspaces) – isolated copies of your site on their own branch and domain – so that several agents can work in parallel without getting in each other's way.

## Settings

The AI tab of the settings contains all options for Herd Studio:

<Frame>
  <img alt="AI settings" src="https://mintcdn.com/herd/Tugha9TMDnNDuOxq/images/docs/settings_ai.png?fit=max&auto=format&n=Tugha9TMDnNDuOxq&q=85&s=b2005ab9fa3e0f97687fcfba4916a3f6" width="1540" height="1182" data-path="images/docs/settings_ai.png" />
</Frame>

* **Enable Herd Developer Tools**: shows or hides the "Edit with Herd" badge on all sites.
* **Use Herd in your coding agents (MCP)**: lets Claude Code, Codex, Cursor and other coding agents use the tools of the [Herd MCP server](/docs/macos/advanced-usage/ai-integrations) in every project.
* **Notify when an agent finishes**: shows a macOS notification when an agent run completes.
* **Keep coding tools up to date**: downloads updates for the bundled coding tools in the background.
* **AI Providers**: connect the AI providers that you want to use. See [AI Providers](/docs/macos/herd-studio/ai-providers).

## Updates

Herd Studio and its coding tools update independently from Herd itself. Herd checks for updates shortly after launch, once a day, and when your Mac wakes up.

To avoid interrupting your work, Herd installs updates for the coding tools only when no terminals or agents are running. If an update waits for more than three days, Herd shows a notification. Updates to the Herd Studio interface apply right away, and open Herd Studio tabs offer a reload.

You can turn off automatic updates with the "Keep coding tools up to date" setting.

## Files and ports

Herd stores the Herd Studio tools and data in its application directory:

```bash theme={null}
# Bundled coding tools like opencode and the Herd Devtools helper
~/Library/Application Support/Herd/bin/tools

# The Herd Studio interface
~/Library/Application Support/Herd/herd-ai-widget

# Agent sessions and other Herd Studio data
~/Library/Application Support/Herd/devtools
```

The Herd Devtools helper listens on `127.0.0.1:4421` and the bundled opencode server on port `4422`. Both only accept local connections. If another application uses one of these ports, Herd Studio can't connect to its agents.
