https://github.com/bracesproul/gen-ui-computer-use
A Generative UI app for interacting with Computer Use Agents
https://github.com/bracesproul/gen-ui-computer-use
Last synced: about 10 hours ago
JSON representation
A Generative UI app for interacting with Computer Use Agents
- Host: GitHub
- URL: https://github.com/bracesproul/gen-ui-computer-use
- Owner: bracesproul
- License: mit
- Created: 2025-03-22T00:09:18.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-04-02T01:54:43.000Z (6 months ago)
- Last Synced: 2025-05-24T21:03:50.248Z (5 months ago)
- Language: TypeScript
- Homepage: https://gen-ui-computer-use.vercel.app/
- Size: 793 KB
- Stars: 180
- Watchers: 1
- Forks: 42
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-LangGraph - `gen-ui-computer-use`
- awesome-langgraphjs - Generative UI Computer Use Agent - A full-stack application for interacting with computer use agents (CUA) via a generative UI interface with LangGraph.js. (By the LangChain Team)
- awesome-langgraphjs - Generative UI Computer Use Agent - A full-stack application for interacting with computer use agents (CUA) via a generative UI interface with LangGraph.js. (All)
README
# Computer Use Agent Generative UI
A Generative UI web app for interacting with Computer Use Agents (CUA) via the `@langchain/langgraph-cua` prebuilt package.
## Quickstart
The following API keys are required to run this app:
- [OpenAI API Key](https://platform.openai.com/) - Calling the computer use model
- [Scrapybara API Key](https://scrapybara.com/) - Running the VM
Once you have both API keys, you can clone the repo:
```bash
git clone https://github.com/bracesproul/gen-ui-computer-use.git
```
Navigate to the project directory:
```bash
cd gen-ui-computer-use
```
Copy the `.env.example` file to `.env` and add your API keys:
```bash
cp .env.example .env
```
Add your OpenAI API key and Scrapybara API key to the `.env` file:
```bash
OPENAI_API_KEY=your_openai_api_key
SCrapybara_API_KEY=your_scrapybara_api_key
```
Install dependencies:
```bash
pnpm install
```
Run both the agent and the app:
```bash
# Run the web server
pnpm run dev
```
In another terminal window:
```bash
# Run the agent
pnpm run agent
```
The app will be available at `http://localhost:3000`.
## License
[MIT](./LICENSE)