Skip to content

Commit 08174a6

Browse files
GuySerfatyclaude
andauthored
docs: add architecture diagram to README (#65)
* docs: add architecture diagram to README Adds a visual diagram explaining how expo-air works — the five-step real-time feedback loop from prompt to live update on device. Includes the new assets/architecture.svg with dark theme matching existing brand visuals. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com> * docs: add link to original tweet in README Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * docs: improve text formatting under architecture diagram Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> --------- Co-authored-by: Claude Haiku 4.5 <noreply@anthropic.com>
1 parent 34dd624 commit 08174a6

File tree

2 files changed

+260
-1
lines changed

2 files changed

+260
-1
lines changed

README.md

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,4 +14,18 @@ npx expo-air fly
1414

1515
Boom. You can work from anywhere.
1616

17-
[Read the docs](https://expo-air.10play.dev/)
17+
## How It Works
18+
19+
<p align="center">
20+
<img src="assets/architecture.svg" alt="How expo-air works" />
21+
</p>
22+
23+
expo-air creates a real-time feedback loop between your phone and Claude Code.
24+
A floating chat widget — running in its own isolated Hermes runtime — overlays your app
25+
and connects via Cloudflare tunnels to a prompt server on your machine.
26+
27+
When you send a message, Claude edits your project files directly,
28+
Metro picks up the changes, and HMR pushes them to your device instantly.
29+
The whole loop takes seconds.
30+
31+
[See original tweet](https://x.com/SerfatyGuy/status/2021233783769338031) · [Read the docs](https://expo-air.10play.dev/)

assets/architecture.svg

Lines changed: 245 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)