chore: drop devframe- prefix from examples and split out Built with page

docs/.vitepress/config.ts

@@ -19,6 +19,7 @@ function listErrorCodes(prefix: string): string[] {
 function guideItems(prefix: string): DefaultTheme.NavItemWithLink[] {
   return [
     { text: 'Introduction', link: `${prefix}/guide/` },
+    { text: 'Built with Devframe', link: `${prefix}/guide/built-with` },
     { text: 'Devframe Definition', link: `${prefix}/guide/devframe-definition` },
     { text: 'RPC', link: `${prefix}/guide/rpc` },
     { text: 'Shared State', link: `${prefix}/guide/shared-state` },

docs/guide/built-with.md

@@ -0,0 +1,17 @@
+---
+outline: deep
+---
+
+# Built with Devframe
+
+Real-world devtools shipping on Devframe:
+
+- [**Vite DevTools**](https://devtools.vite.dev/) — the host that bundles multiple devframes into one UI (docks, command palette, terminals). Mount your own definition into it via the [`vite` adapter](/adapters/vite).
+- [**ESLint Config Inspector**](https://github.com/eslint/config-inspector) — official ESLint tool for inspecting flat configs.
+- [**node-modules-inspector**](https://github.com/antfu/node-modules-inspector) — interactive visualizer for your `node_modules` dependency graph.
+
+End-to-end examples in this repo, exercising the full adapter surface:
+
+- [**counter**](https://github.com/devframes/devframe/tree/main/examples/counter) — smallest possible demo, exercises all adapters.
+- [**files-inspector**](https://github.com/devframes/devframe/tree/main/examples/files-inspector) — lists files in cwd via RPC; exercises CLI dev/build/spa surfaces.
+- [**streaming-chat**](https://github.com/devframes/devframe/tree/main/examples/streaming-chat) — streams synthetic chat tokens from server to client via `ctx.rpc.streaming`.

docs/guide/index.md

@@ -109,16 +109,3 @@ Devframe has zero dependencies on Vite or any `@vitejs/*` package — the same d
 - [RPC](./rpc) — define type-safe server functions your client can call
 - [Agent-Native](./agent-native) — expose your devframe to Claude Desktop, Cursor, or any MCP client
 
-## Built with Devframe
-
-Real-world devtools shipping on Devframe:
-
-- [**Vite DevTools**](https://devtools.vite.dev/) — the host that bundles multiple devframes into one UI (docks, command palette, terminals). Mount your own definition into it via the [`vite` adapter](/adapters/vite).
-- [**ESLint Config Inspector**](https://github.com/eslint/config-inspector) — official ESLint tool for inspecting flat configs.
-- [**node-modules-inspector**](https://github.com/antfu/node-modules-inspector) — interactive visualizer for your `node_modules` dependency graph.
-
-End-to-end examples in this repo, exercising the full adapter surface:
-
-- [**devframe-counter**](https://github.com/devframes/devframe/tree/main/examples/devframe-counter) — smallest possible demo, exercises all adapters.
-- [**devframe-files-inspector**](https://github.com/devframes/devframe/tree/main/examples/devframe-files-inspector) — lists files in cwd via RPC; exercises CLI dev/build/spa surfaces.
-- [**devframe-streaming-chat**](https://github.com/devframes/devframe/tree/main/examples/devframe-streaming-chat) — streams synthetic chat tokens from server to client via `ctx.rpc.streaming`.

docs/guide/streaming.md

@@ -234,5 +234,5 @@ When you need authoritative state rather than every intermediate value, [shared
 ## Reference
 
 - API surface: `RpcStreamingHost`, `RpcStreamingChannel<T>`, `StreamSink<T>`, `StreamReader<T>` in `devframe/types`.
-- Working example: [`devframe/examples/devframe-streaming-chat`](https://github.com/vitejs/devtools/tree/main/devframe/examples/devframe-streaming-chat).
+- Working example: [`examples/streaming-chat`](https://github.com/devframes/devframe/tree/main/examples/streaming-chat).
 - Errors: [`DF0029`](../errors/DF0029) (overflow), [`DF0030`](../errors/DF0030) (unknown stream id), [`DF0031`](../errors/DF0031) (write to closed stream), [`DF0032`](../errors/DF0032) (channel name collision).

examples/devframe-counter/package.json → examples/counter/package.json

@@ -1,12 +1,12 @@
 {
-  "name": "devframe-counter-example",
+  "name": "counter-example",
   "type": "module",
   "version": "0.2.0",
   "private": true,
   "description": "Smallest end-to-end devframe demo — exercises all six adapters.",
   "main": "src/devframe.ts",
   "bin": {
-    "devframe-counter": "./bin.mjs"
+    "counter": "./bin.mjs"
   },
   "scripts": {
     "dev": "node bin.mjs",

examples/devframe-files-inspector/README.md → examples/files-inspector/README.md

@@ -14,11 +14,11 @@ The Preact client showcases two patterns relevant to devframe authors:
 
 ```sh
 pnpm install
-pnpm -C examples/devframe-files-inspector run build       # build the Preact client
-pnpm -C examples/devframe-files-inspector run dev         # http://127.0.0.1:9876/__devframe-files-inspector/
-pnpm -C examples/devframe-files-inspector run cli:build   # static deploy in ./dist/static
-serve examples/devframe-files-inspector/dist/static       # any static host works (relative paths)
-pnpm -C examples/devframe-files-inspector run test        # E2E tests
+pnpm -C examples/files-inspector run build       # build the Preact client
+pnpm -C examples/files-inspector run dev         # http://127.0.0.1:9876/__devframe-files-inspector/
+pnpm -C examples/files-inspector run cli:build   # static deploy in ./dist/static
+serve examples/files-inspector/dist/static                # any static host works (relative paths)
+pnpm -C examples/files-inspector run test        # E2E tests
 ```
 
 ## File map

examples/devframe-files-inspector/package.json → examples/files-inspector/package.json

@@ -1,12 +1,12 @@
 {
-  "name": "devframe-files-inspector-example",
+  "name": "files-inspector-example",
   "type": "module",
   "version": "0.2.0",
   "private": true,
   "description": "End-to-end devframe demo — lists files in cwd via RPC, exercises CLI dev/build/spa surfaces.",
   "main": "src/devframe.ts",
   "bin": {
-    "devframe-files-inspector": "./bin.mjs"
+    "files-inspector": "./bin.mjs"
   },
   "scripts": {
     "build": "vite build --config src/client/vite.config.ts",

examples/devframe-files-inspector/tests/_utils.ts → examples/files-inspector/tests/_utils.ts

@@ -29,7 +29,7 @@ export const CLIENT_DIST = resolve(HERE, '../dist/client')
 export function assertClientBuilt(): void {
   if (!existsSync(path.join(CLIENT_DIST, 'index.html'))) {
     throw new Error(
-      `[devframe-files-inspector] dist/client missing — run \`pnpm -C examples/devframe-files-inspector run build\` first.`,
+      `[devframe-files-inspector] dist/client missing — run \`pnpm -C examples/files-inspector run build\` first.`,
     )
   }
 }

examples/devframe-streaming-chat/README.md → examples/streaming-chat/README.md

@@ -26,8 +26,8 @@ client (re)joins mid-stream.
 ## Run it
 
 ```sh
-pnpm -C devframe/examples/devframe-streaming-chat run build
-pnpm -C devframe/examples/devframe-streaming-chat run dev
+pnpm -C examples/streaming-chat run build
+pnpm -C examples/streaming-chat run dev
 ```
 
 Then open http://localhost:9897/ — type a prompt, watch tokens stream
@@ -37,7 +37,7 @@ in, refresh the page mid-conversation, cancel a long answer, click
 ## Run the tests
 
 ```sh
-pnpm -C devframe/examples/devframe-streaming-chat run test
+pnpm -C examples/streaming-chat run test
 ```
 
 Tests boot the server in-process and exercise the full WS round-trip:

examples/devframe-streaming-chat/package.json → examples/streaming-chat/package.json

@@ -1,12 +1,12 @@
 {
-  "name": "devframe-streaming-chat-example",
+  "name": "streaming-chat-example",
   "type": "module",
   "version": "0.2.0",
   "private": true,
   "description": "End-to-end devframe demo — streams synthetic chat tokens from server to client via `ctx.rpc.streaming`. Mirrors the AI-deltas use case from issue #306.",
   "main": "src/devframe.ts",
   "bin": {
-    "devframe-streaming-chat": "./bin.mjs"
+    "streaming-chat": "./bin.mjs"
   },
   "scripts": {
     "build": "vite build --config src/client/vite.config.ts",

skills/devframe/SKILL.md

@@ -239,7 +239,7 @@ Readable.fromWeb(reader.readable).pipe(targetNodeWritable)
 | Per-call lifecycles with cancellation | Cross-cutting fire-and-forget signals | Diff-based sync between clients |
 | Replay on reconnect | | |
 
-For chat-style UIs that combine both: keep the **conversation log** in shared state (survives reconnects), and use a streaming channel for **active responses**. The action that starts a response appends a placeholder to shared state; on producer close, commit the joined content back to shared state. Working example: [`devframe/examples/devframe-streaming-chat`](https://github.com/vitejs/devtools/tree/main/devframe/examples/devframe-streaming-chat).
+For chat-style UIs that combine both: keep the **conversation log** in shared state (survives reconnects), and use a streaming channel for **active responses**. The action that starts a response appends a placeholder to shared state; on producer close, commit the joined content back to shared state. Working example: [`examples/streaming-chat`](https://github.com/devframes/devframe/tree/main/examples/streaming-chat).
 
 ## Mounting into a host (Vite DevTools example)
 

turbo.json

@@ -10,12 +10,12 @@
       "outputLogs": "new-only",
       "outputs": ["dist/**"]
     },
-    "devframe-files-inspector-example#build": {
+    "files-inspector-example#build": {
       "outputLogs": "new-only",
       "dependsOn": ["devframe#build"],
       "outputs": ["dist/**"]
     },
-    "devframe-streaming-chat-example#build": {
+    "streaming-chat-example#build": {
       "outputLogs": "new-only",
       "dependsOn": ["devframe#build"],
       "outputs": ["dist/**"]

vitest.config.ts

@@ -4,8 +4,8 @@ export default defineConfig({
   test: {
     projects: [
       'packages/devframe',
-      'examples/devframe-files-inspector',
-      'examples/devframe-streaming-chat',
+      'examples/files-inspector',
+      'examples/streaming-chat',
       'tests',
     ],
     testTimeout: 10000,