Agent-Native Publishing
Design the Site in React. Publish Safely in Markdown.
PageQuarry is a React framework with a markdown publishing system built for coding-agent workflows. React owns presentation. Markdown owns content. Blocks bridge them.
Humans and agents publish through predesigned blocks instead of re-deciding layout, styling, headers, footers, or SEO on every edit.
Visible Workflow
1export function HeroBlock({ title, deck }: HeroBlockData) {2 return <Text as="h1" variant="display">{title}</Text>;3}1{% hero2 eyebrow="Agent-Native Publishing"3 title="Design the Site in React..."4 actionLabel="Get Started"5/%}Presentation
React Blocks and Templates
Content
Markdown with Validation
Workflow
Safe for Humans and Agents
The Split
React Owns Presentation. Markdown Owns Content.
You design the site in React: blocks, templates, headers, footers, metadata, and the rest of the framework. Writers and agents do not re-decide those things on every edit.
They publish through markdown using reusable blocks that already carry the design system. The boundary stays obvious, so content changes stay safe and layout stays coherent.
Proof on the Page
This Homepage Uses the Same Block System It Describes.
The hero, metric row, section modules, process steps, quote, and closing CTA on this page are reusable blocks, not one-off layouts. The code examples in the hero show both halves of the workflow: define presentation in React, invoke it from markdown.
This page is proving the system in public instead of hiding the model in abstract documentation.
- Hero block with aside and CTA
- Metric strip for product proof
- Section blocks for framing and examples
- Process block for workflow steps
- Quote and CTA to close the page
Supporting Infrastructure
Templates and Site Chrome Stay in Code.
Templates, headers, footers, metadata, SEO, and social defaults still matter. They are just supporting infrastructure, not the main event. The publishing surface stays small so agents can change content without improvising presentation every time.
That is the core idea: design the site in React, create reusable prestyled blocks, then let humans and agents publish safely inside those boundaries.
- Templates define the allowed block flow
- Header and footer stay code-owned
- SEO and social defaults resolve centrally
- Generated state keeps the runtime deterministic
Workflow
Design Once. Publish Many Times.
- 01
Define Prestyled Blocks in React
Build the presentation layer once in code, with the exact spacing, typography, and behavior you want.
- 02
Invoke Them from Markdown
Humans and agents write content by filling approved block inputs instead of inventing layout and styling from scratch.
- 03
Validate and Publish
Templates, validation, and generated state keep the live site coherent even when edits come through agents.
“Design in React. Publish in Markdown. Keep the boundary obvious.”
Start with the Framework. Publish Inside the System.
PageQuarry is agent-native publishing: a React framework with a markdown publishing system built for coding-agent workflows.