update readme to include new browser design mode feature (#463)

This commit is contained in:
Jinjing 2026-04-10 21:19:23 -07:00 committed by GitHub
parent 821e205c6f
commit 216cabb9f0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 23 additions and 12 deletions

View File

@ -7,14 +7,14 @@
<p align="center">
<a href="https://github.com/stablyai/orca/stargazers"><img src="https://img.shields.io/github/stars/stablyai/orca?style=flat-square&color=black" alt="GitHub stars" /></a>
<img src="https://img.shields.io/badge/Platform-macOS%20%7C%20Windows%20%7C%20Linux-black?style=flat-square" alt="Supported Platforms" />
<img src="https://img.shields.io/badge/ships-150+-black?style=flat-square" alt="Ships" />
<a href="https://x.com/orca_build"><img src="https://img.shields.io/twitter/follow/orca_build?style=social" alt="Follow on X" /></a>
</p>
<p align="center">
<strong>The cross-platform AI Orchestrator for 100x builders.</strong><br/>
Available for <strong>macOS, Windows, and Linux</strong>.<br/>
Seamlessly manage multiple worktrees, run multiple AI agents concurrently, and track their progress.<br/>
Whether it's Claude Code, Codex, or OpenCode, Orca makes coordinating multiple features across multiple repos effortless.
<strong>The AI Orchestrator for 100x builders.</strong><br/>
Run Claude Code, Codex, or OpenCode side-by-side across repos — each in its own worktree, tracked in one place.<br/>
Available for <strong>macOS, Windows, and Linux</strong>.
</p>
<p align="center">
@ -25,7 +25,19 @@
<img src="docs/assets/file-drag.gif" alt="Orca Screenshot" width="800" />
</p>
## Introducing the Orca CLI
## [New] Built-in Browser & Design Mode
**See your app. Click any element. Drop it into the chat.**
Orca ships with a built-in browser right inside your IDE. Preview your app as you build, then switch to Design Mode — click any UI element and it lands directly in your AI chat as context. No screenshots, no copy-pasting selectors. Just point at what you want to change and tell the agent what to do.
<p align="center">
<img src="orca-design-mode.gif" alt="Orca Design Mode — click any UI element and drop it into the chat" width="800" />
</p>
---
## [New] Introducing the Orca CLI
**Agent orchestration from your terminal.**
@ -37,14 +49,13 @@ npx skills add https://github.com/stablyai/orca --skill orca-cli
---
## Features that Supercharge your Workflow
## Features
- **Worktree Management**: Spin up, manage, and switch between multiple Git worktrees instantly. Keep your context clean.
- **Agent-Ready Terminals**: Robust support for multiple terminals, tabs, and panes. Run Claude Code, Codex, OpenCode, or your own agents side-by-side.
- **Smart Notifications & Status Tracking**: See exactly which worktrees have active agents. Get worktree notifications and manually mark threads as unread (like Gmail ⭐).
- **Deep GitHub Integration**: Automatically track PRs, link GitHub issues (via the `gh` CLI), and view GitHub Actions checks right from your workspace.
- **Integrated Dev Tools**: Built-in file editor, lightning-fast search, and a comprehensive source control tab to review diffs, make quick edits, and commit effortlessly.
- **CLI to Control the IDE**: Give your agent first-class control over Orca from the terminal.
- **Worktree-native** — Every feature gets its own worktree. No stashing, no branch juggling. Spin up and switch instantly.
- **Multi-agent terminals** — Run multiple AI agents side-by-side in tabs and panes. See which ones are active at a glance.
- **Built-in source control** — Review AI-generated diffs, make quick edits, and commit without leaving Orca.
- **GitHub integration** — PRs, issues, and Actions checks linked to each worktree automatically.
- **Notifications** — Know when an agent finishes or needs attention. Mark threads unread to come back later.
---

BIN
orca-design-mode.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB