Skip to content

Commit 1b6dd69

Browse files
committed
docs: move "Built with Devframe" into introduction, drop architecture diagram
- Move the "Built with Devframe" list from the home page to the end of the introduction so it lives alongside related guide content. - Remove the architecture mermaid diagram from the introduction — the subsystems table and adapters-at-a-glance section already cover the same ground.
1 parent f10746c commit 1b6dd69

2 files changed

Lines changed: 14 additions & 44 deletions

File tree

docs/guide/index.md

Lines changed: 14 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -36,36 +36,6 @@ Devframe keeps its surface focused on one tool, so the same definition stays por
3636
| **[Client](./client)** | Browser-side RPC client (`connectDevframe`) with auto-auth and WebSocket / static modes. |
3737
| **[Agent-Native](./agent-native)** | Opt-in exposure of your tool's surface to coding agents over MCP. |
3838

39-
## Architecture
40-
41-
```mermaid
42-
flowchart TB
43-
Definition["DevframeDefinition<br/>(defineDevframe)"]
44-
Definition --> Adapters
45-
46-
subgraph Adapters["Adapters (choose one per deployment)"]
47-
CLI["cli"]
48-
Vite["vite"]
49-
Build["build"]
50-
Embedded["embedded"]
51-
MCP["mcp"]
52-
end
53-
54-
Adapters --> Ctx["DevToolsNodeContext"]
55-
56-
subgraph Ctx["DevToolsNodeContext"]
57-
direction TB
58-
RPC["rpc"]
59-
Views["views (hostStatic)"]
60-
Diagnostics["diagnostics"]
61-
Agent["agent"]
62-
end
63-
64-
Ctx <-->|WebSocket or static| Client["DevToolsRpcClient<br/>(browser)"]
65-
```
66-
67-
Hosts (Vite DevTools is one) can wrap the same definition with their own adapter to augment `ctx` with extras like docks, terminals, and a command palette.
68-
6939
## Install
7040

7141
```sh
@@ -138,3 +108,17 @@ Devframe has zero dependencies on Vite or any `@vitejs/*` package — the same d
138108
- [Adapters](/adapters/) — pick the right deployment target for your tool
139109
- [RPC](./rpc) — define type-safe server functions your client can call
140110
- [Agent-Native](./agent-native) — expose your devframe to Claude Desktop, Cursor, or any MCP client
111+
112+
## Built with Devframe
113+
114+
Real-world devtools shipping on Devframe:
115+
116+
- [**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).
117+
- [**ESLint Config Inspector**](https://github.com/eslint/config-inspector) — official ESLint tool for inspecting flat configs.
118+
- [**node-modules-inspector**](https://github.com/antfu/node-modules-inspector) — interactive visualizer for your `node_modules` dependency graph.
119+
120+
End-to-end examples in this repo, exercising the full adapter surface:
121+
122+
- [**devframe-counter**](https://github.com/devframes/devframe/tree/main/examples/devframe-counter) — smallest possible demo, exercises all adapters.
123+
- [**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.
124+
- [**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/index.md

Lines changed: 0 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -43,17 +43,3 @@ features:
4343
details: Surface RPC functions, tools, and resources to coding agents over MCP with a single `agent` field on each function.
4444
link: /guide/agent-native
4545
---
46-
47-
## Built with Devframe
48-
49-
Real-world devtools shipping on Devframe:
50-
51-
- [**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).
52-
- [**ESLint Config Inspector**](https://github.com/eslint/config-inspector) — official ESLint tool for inspecting flat configs.
53-
- [**node-modules-inspector**](https://github.com/antfu/node-modules-inspector) — interactive visualizer for your `node_modules` dependency graph.
54-
55-
End-to-end examples in this repo, exercising the full adapter surface:
56-
57-
- [**devframe-counter**](https://github.com/devframes/devframe/tree/main/examples/devframe-counter) — smallest possible demo, exercises all adapters.
58-
- [**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.
59-
- [**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`.

0 commit comments

Comments
 (0)