Deep Agents Ui
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:
- Deployment URL: http://127.0.1:2024
- Assistant ID:
research
**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 theNEXT_PUBLIC_LANGSMITH_API_KEYenvironment variable.
**Usage**
Yo
Related Skills
Algorithmic Art
Create generative art using p5.js with seeded randomness, flow fields, and particle systems
Design Brand Guidelines
Apply Anthropic's official brand colors and typography to artifacts
Design Canvas Design
Create beautiful visual art in PNG and PDF documents using design philosophy
Design Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality
Design Slack Gif Creator
Create animated GIFs optimized for Slack's size constraints
Design Theme Factory
Style artifacts with professional themes including 10 pre-set color/font combinations
Design Related Agents
Codemod Runner
Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css
Designguru
Expert Design Guidance & Analysis Specialist who provides professional UI/UX insights, design system guidance,
Html Css
| Web standards for semantic markup, maintainable styling, and accessibility. | - | [wshobson/agents](https://