Deep Agents Ui banner
langchain-ai langchain-ai

Deep Agents Ui

Design community

Description

Custom UI for Deep Agents

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

🚀🧠 Deep Agents UI

[Deep Agents](https://github.com/langchain-ai/deepagents) is a simple, open source agent harness that implements a few generally useful tools, including planning (prior to task execution), computer access (giving the able access to a shell and a filesystem), and sub-agent delegation (isolated task execution). This is a UI for interacting with deepagents.

🚀 Quickstart

**Install dependencies and run the app**

git clone https://github.com/langchain-ai/deep-agents-ui.git
cd deep-agents-ui
yarn install
yarn dev

**Deploy a Deep Agent**

As an example, see our [Deep Agents quickstarts](https://github.com/langchain-ai/deepagents/tree/main/examples) for examples and run the `deep_research` example.

The `langgraph.json` file has the assistant ID as the key:

  "graphs": {
    "research": "./agent.py:agent"
  },

Kick off the local LangGraph deployment:

cd deepagents-quickstarts/deep_research
langgraph dev

You will see the local LangGraph deployment log to terminal:

╦  ┌─┐┌┐┌┌─┐╔═╗┬─┐┌─┐┌─┐┬ ┬
║  ├─┤││││ ┬║ ╦├┬┘├─┤├─┘├─┤
╩═╝┴ ┴┘└┘└─┘╚═╝┴└─┴ ┴┴  ┴ ┴

- 🚀 API: http://127.0.0.1:2024
- 🎨 Studio UI: https://smith.langchain.com/studio/?baseUrl=http://127.0.0.1:2024
- 📚 API Docs: http://127.0.0.1:2024/docs
...

You can get the Deployment URL and Assistant ID from the terminal output and `langgraph.json` file, respectively:

**Open Deep Agents UI** at [http://localhost:3000](http://localhost:3000) and input the Deployment URL and Assistant ID:

  • Deployment URL: The URL for the LangGraph deployment you are connecting to
  • Assistant ID: The ID of the assistant or agent you want to use
  • [Optional] LangSmith API Key: Your LangSmith API key (format: lsv2_pt_...). This may be required for accessing deployed LangGraph applications. You can also provide this via the NEXT_PUBLIC_LANGSMITH_API_KEY environment variable.

**Usage**

Yo