See how it
all connects.

Build with it

Three small pieces. Use them together with your agent, or take just the one you need.

Embeddable

Put the real viewer in your website or your docs. Load it from here, keep the Markdown file on your side:

import { mount } from './map-viewer/index.js';
mount(element, { text: markdown });

Themeable

Hand the viewer a theme object: your colours, your typography. Switch themes any time and the reader stays where they are. Try it under the map above.

Modular

Viewer, Atlas and relay work together while you work with your agent. To publish a finished map, you need only the viewer and static hosting.

Learn the skills

One prompt. So many connections. Two skills teach your agent to draw maps.

illuminate-conceptone idea

Explains one concept as a map: a system, a flow, the states something goes through, a data model, a plan of changes. Use it when three or more things relate, or when you are stuck on an idea and a picture would help.

trace-architecturea whole project

Reviews a whole project or repository and maps it in one file: structure, layers, key flows, lifecycles, data. Use it to understand or document a codebase. It builds on illuminate-concept.

The map on this page came from one trace-architecture prompt: