doc: update skills

Author: andycall

skills/README.md

@@ -88,7 +88,7 @@ See [WebF Integration Guide](https://openwebf.com/en/docs/developer-guide/integr
 **Use when**: Planning features, debugging why APIs don't work, or finding alternatives for unsupported features
 
 **What it covers**:
-- JavaScript API compatibility (fetch ✅, IndexedDB ❌, WebGL ❌)
+- JavaScript API compatibility (fetch ✅, EventSource ✅, IndexedDB ❌, WebGL ❌)
 - CSS feature support (Flexbox ✅, float ❌, Grid ⏳)
 - Framework compatibility (React, Vue, Svelte, Tailwind CSS)
 - Native plugin alternatives (@openwebf/webf-share, custom plugins)

skills/webf-api-compatibility/SKILL.md

@@ -32,7 +32,8 @@ When asked about a specific API or CSS feature, I will:
 #### Networking
 - `fetch()` - Full support with async/await
 - `XMLHttpRequest` - For legacy code
-- `WebSocket` - Real-time communication
+- `WebSocket` - Real-time bidirectional communication
+- `EventSource` - Server-Sent Events (SSE) for real-time server push
 - `URL` and `URLSearchParams` - URL manipulation
 
 #### Storage
@@ -398,6 +399,15 @@ JavaScript in WebF already runs on a **dedicated thread**, separate from the Flu
 - ✅ TanStack Query
 - ✅ Apollo Client (if using fetch)
 
+### "Can I use AI streaming APIs (OpenAI, etc.)?"
+
+**Yes!** WebF supports both `EventSource` (SSE) and `fetch()` streaming, which are the two main approaches used by AI SDKs:
+
+- ✅ OpenAI streaming (uses SSE)
+- ✅ Vercel AI SDK (uses SSE / fetch streaming)
+- ✅ Any SSE-based streaming API
+- ✅ `EventSource` with named events, auto-reconnect, and `lastEventId`
+
 ### "What about CSS-in-JS libraries?"
 
 Most work fine as they generate standard CSS:
@@ -461,7 +471,9 @@ Need graphics?
 
 Need networking?
 ├─ HTTP requests → fetch ✅
-├─ Real-time → WebSockets ✅
+├─ Real-time (bidirectional) → WebSocket ✅
+├─ Real-time (server push) → EventSource (SSE) ✅
+├─ AI streaming → EventSource or fetch ✅
 └─ GraphQL → fetch-based clients ✅
 
 Need native features?

skills/webf-api-compatibility/reference.md

@@ -28,7 +28,8 @@ Complete compatibility tables for quick reference when building WebF application
 |-----|--------|-------|
 | `fetch()` | ✅ | Full async/await support |
 | `XMLHttpRequest` | ✅ | For legacy code |
-| `WebSocket` | ✅ | Real-time communication |
+| `WebSocket` | ✅ | Real-time bidirectional communication |
+| `EventSource` | ✅ | Server-Sent Events (SSE) — server push, auto-reconnect, named events |
 | `URL` | ✅ | URL parsing and manipulation |
 | `URLSearchParams` | ✅ | Query string handling |
 
@@ -272,13 +273,15 @@ Complete compatibility tables for quick reference when building WebF application
 | Recoil | ✅ | Full support |
 | MobX | ✅ | Full support |
 
-### Data Fetching
+### Data Fetching & Streaming
 | Library | Support | Notes |
 |---------|---------|-------|
 | React Query (TanStack Query) | ✅ | Full support |
 | SWR | ✅ | Full support |
 | Axios | ✅ | Full support |
 | Apollo Client | ✅ | Works if using fetch transport |
+| Vercel AI SDK | ✅ | SSE streaming via EventSource |
+| OpenAI SDK (streaming) | ✅ | SSE streaming supported |
 
 ### CSS-in-JS
 | Library | Support | Notes |
@@ -323,6 +326,7 @@ const webfFeatures = {
   // Networking
   fetch: typeof fetch !== 'undefined',
   websocket: typeof WebSocket !== 'undefined',
+  eventSource: typeof EventSource !== 'undefined',
 
   // Workers
   webWorkers: typeof Worker !== 'undefined', // Will be false