---
title: "Content"
description: "Open-source Obsidian for MDX: edit local Markdown/MDX files, build Notion-style databases, and write with an AI agent."
---

# Content

Content is open-source Obsidian for MDX: a local-file-friendly document
workspace where the agent can read, write, reorganize, and publish pages for
you. Open a doc, ask "rewrite this paragraph to be more concise" or "create a
page called Q4 Planning with sub-pages for Goals, Metrics, and Risks" - same
result whether you do it yourself or ask.

<WireframeBlock id="doc-block-content1">
  <Screen
    surface="desktop"
    html={
      "<div style='display:grid;grid-template-columns:210px 1fr;gap:14px;padding:16px;min-height:500px;box-sizing:border-box'><aside class='wf-card' style='display:flex;flex-direction:column;gap:10px'><strong>Content</strong><span class='wf-pill accent'>Q3 Roadmap</span><span class='wf-pill'>Goals</span><span class='wf-pill'>Metrics</span><span class='wf-pill'>Risks</span><hr/><span class='wf-pill'>Engineering wiki</span><span class='wf-pill'>Reading list</span><span class='wf-pill'>Weekly sync</span></aside><main style='display:flex;flex-direction:column;gap:12px;min-width:0;padding:8px 20px'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'>Q3 Roadmap</h1><div style='flex:1'></div><button>Share</button><button class='primary'>Publish</button></div><div class='wf-card' style='flex:1;display:flex;flex-direction:column;gap:12px;padding:22px'><h2 style='margin:0'>Launch goals</h2><p style='margin:0'>Ship the onboarding flow, reduce setup time, and document owner handoffs.</p><div class='wf-box'>At a glance · owner, window, status</div><div class='wf-box'>Top objectives</div><div class='wf-box'>Workstreams table</div></div></main></div>"
    }
  />
</WireframeBlock>

When you open the app, you'll see a page tree next to the editor. The agent always knows which page you're viewing and what text you have selected, so document edits can stay grounded in the current page.

<Diagram id="doc-block-content2" title="One document, three sync surfaces" summary={"You and the agent both write through the same live editing pipeline. SQL is the canonical store; local files, Notion, and Builder CMS are optional sync surfaces around it."}>

```html
<div class="diagram-flow">
  <div class="diagram-col">
    <div class="diagram-node">
      You type<br /><small class="diagram-muted">slash menu, toolbar</small>
    </div>
    <div class="diagram-node">
      Agent edits<br /><small class="diagram-muted"
        >edit-document find/replace</small
      >
    </div>
  </div>
  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
  <div class="diagram-box">
    documents (markdown)<br /><small class="diagram-muted"
      >canonical SQL store</small
    >
  </div>
  <div class="diagram-arrow diagram-muted" aria-hidden="true">&harr;</div>
  <div class="diagram-col">
    <div class="diagram-box">
      Local .md / .mdx<br /><small class="diagram-muted">/local-files</small>
    </div>
    <div class="diagram-box">
      Notion pages<br /><small class="diagram-muted">pull · push</small>
    </div>
    <div class="diagram-box">
      Builder CMS entries<br /><small class="diagram-muted"
        >pull · guarded push</small
      >
    </div>
  </div>
</div>
```

```css
.diagram-flow {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.diagram-flow .diagram-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.diagram-flow .diagram-arrow {
  font-size: 22px;
  line-height: 1;
}
```

</Diagram>

## What you can do with it

- **Write and organize documents.** Rich text editing, an infinitely nested page tree, favorites, comments, version history, and sharing. See [Writing & organizing documents](/docs/template-content-editing).
- **Build Notion-style databases.** Tables where every row is its own document, with typed properties and table/list/gallery/board/calendar/timeline/form views. See [Databases, properties & forms](/docs/template-content-databases).
- **Collect structured submissions.** Turn a database into an intake form that the agent, Slack, or another app can submit into safely. See [Databases, properties & forms](/docs/template-content-databases).
- **Edit files on disk like Obsidian**, and keep documents in sync with Notion or Builder CMS. See [Local files, Notion & Builder CMS sync](/docs/template-content-sync).
- **Collaborate in real time.** Multiple people (and the agent) can edit the same doc at the same time without clobbering each other.
- **Share docs** with teammates or make them public — private by default, with viewer / editor / admin roles.
- **Ask the agent for anything**: "Rewrite this paragraph." "Add a TL;DR at the top." "Find all my meeting notes from last week." "Create a beta-signup database with a form for Slack submissions."

## Getting started

Live demo: [content.agent-native.com](https://content.agent-native.com).

When you open the app, click **+ New page** in the sidebar, give it a title, and start writing. To use the agent, type in the sidebar:

- "Create a page called Onboarding and add three sub-pages under it."
- "Rewrite this paragraph to be more concise." (with a page open)
- "Add a section about pricing with three bullet points."
- "Summarize this doc into a TL;DR at the top."
- "Pull the latest from Notion." (after linking a Notion page)

Select text and hit Cmd+I to focus the agent with that selection pre-loaded — "make this punchier" then operates on exactly what you highlighted.

To scaffold your own copy of Content:

```bash
npx @agent-native/core@latest create my-content --standalone --template content
```

See [Getting started](/docs/getting-started) for the rest of the setup (`cd`, `pnpm install`, `pnpm dev`) and the framework fundamentals.

## What's next

- [**Writing & organizing documents**](/docs/template-content-editing) — the editor, page tree, comments, version history, and sharing
- [**Databases, properties & forms**](/docs/template-content-databases) — inline databases, property types, views, external sources, and intake forms
- [**Local files, Notion & Builder CMS sync**](/docs/template-content-sync) — the Obsidian-style folder workflow plus Notion and Builder CMS round-trips
- [**Developer Guide**](/docs/template-content-developers) — data model, action inventory, routes, and how to extend the template
- [**Templates**](/docs/cloneable-saas) — the Cloneable SaaS model, and every other domain template to start from
- [**Getting Started**](/docs/getting-started) — the framework fundamentals: actions, application state, and live sync
- [**Real-Time Collaboration**](/docs/real-time-collaboration) — the Yjs pipeline documents share with other collaborative surfaces
- [**Sharing**](/docs/sharing) — the share-grant model documents build on