Extraction produces a markdown tree. It does not produce a place to read it.

ae-xtr solves the drift problem: it reads the @ae::dx comments out of the source and writes the documentation as a markdown tree that mirrors the code. The output is accurate, but it is raw files in folders, shaped like a source repository. Nobody browses a folder of markdown, and nobody hands one to a reader.

The studio ships a family of these tools: ae-dx, ae-os, ae-sys, ae-xtr, symbol. The obvious route, a static site per tool, duplicates the styling and the routing and walls each project's docs off from the rest. ae-dx is the studio's own answer: one SvelteKit application that renders the whole family's extracted markdown into a single themed, browsable, searchable website. The documentation stops being a folder of files and becomes the stack's reference.

One application, three surfaces over the extracted tree.

The reader meets three surfaces: a homepage that introduces the family, a per-project tree rendered under a clean URL, and a global search overlay that jumps to any heading in any project. Underneath, every surface reads the same markdown, the projection ae-xtr writes, compiled once at build time.

One app over the extracted tree ae-dx
01 Homepage
introduces the @ae:: family
02 Project tree
extracted docs under a clean URL
03 Search overlay
jumps to any heading, in any project
04 Live render
markdown compiled to live components at build time
05 Themed code
highlighting remapped onto the design tokens, light and dark
06 Design layer
light and dark tokens, one visual voice

One extracted tree becomes two things: a page a reader can open, and one search across the whole family.

Two things happen to the extracted markdown. Each file is compiled into a page in the site's own layout, with its code recoloured onto the site's palette so a code block reads as part of the page rather than a pasted-in theme. Separately, before the site is bundled, every project is indexed into a single static file the browser searches in place, so a query crosses the whole family with no external service and no round trip.

extracted markdown to site ae-dx
Extracted markdown ae-xtr's @ae::dx projection, one folder per project
Becomes a page
01 Compiled at build
each markdown file becomes a page in the site's layout
02 Code in the site's palette
highlighting remapped onto the design tokens, light and dark
Becomes searchable
01 Every project indexed
one static index built across the whole family
02 Searched in the browser
in-house engine, no external service, no per-query network call
One site, edge-rendered routes rendered at the edge
Surface
Cross-project searchLight / darkHeading anchorsThemed code

One front-end, every project under one roof.

What the reader gets: a single home for the whole family, a tree per project under a clean URL, search that crosses every project in place, and code that reads as part of the page.

What it gives you ae-dx
One home
Every project's tree under one clean URL.
Cross-project search
Jump to any heading in any project.
In place
One static file, searched in the browser.
Themed code
Code recoloured onto the site's palette.
Light / dark
One token layer across both themes.
Heading anchors
Every heading carries a stable anchor.
Built once
A new project joins with one folder.

A folder of files, or a place to read them.

The handoff ae-dx
Without it
ae-xtr writes the docs as a markdown tree: accurate, but raw files mirroring a source folder, nothing a reader would open.
With ae-dx
One website: the stack's documentation in a single voice, browsable, searchable, on the edge.
work