vlt / affordances
  • Quickstart
  • Concepts
  • Guides
  • Reference
  • For agents
  • Why Affordances
  • Quickstart
  • Benchmarks

Concepts
  • Overview
  • Actions
  • State
  • Expose
  • Guards and confirm
  • Deltas
  • Plugins

Guides
  • Overview
  • React and WebMCP
  • MCP
  • Lint
  • Security

Plugins
  • Overview

Reference
  • Overview
  • Protocol
  • Options
  • CLI
  • Add a plugin
  1. Plugins
  2. /
  3. Overview

Plugins

Plugins add more ways for agents to read an Affordances app, on the same pages and the same URLs. Here's each one and how to add it.

The graph gives agents a page's state and actions. Plugins give them more, from the same app: each serves the same pages in another form, at the same URLs, without a second source of truth. Plugins in Concepts explains how they work.

PluginPackageWhat agents get
Markdown@affordances/mdEvery page as Markdown, at /page.md and to Accept: text/markdown, plus llms.txt and llms-full.txt

Add a plugin

Install its package, pass it to withAffordances, and add its route handler. For Markdown:

Terminal
vlt install @affordances/md
vlx @affordances/md initnpm install @affordances/md
npx @affordances/md initpnpm add @affordances/md
pnpm dlx @affordances/md inityarn add @affordances/md
yarn dlx @affordances/md initbun add @affordances/md
bunx @affordances/md initdeno add npm:@affordances/md
deno run -A npm:@affordances/md init
next.config.ts
import { withAffordances } from '@affordances/next/config'
import { md } from '@affordances/md/next'

export default withAffordances(nextConfig, { name: 'Store', plugins: [md()] })

Each plugin's page covers its setup in full. To write your own, see Plugins in the Next.js guide.


PreviousSecurityNextMarkdown for every page

On this page

  • Add a plugin
Edit this page

Make your app agent-operable

Give every page a graph and every server action an agent path: HTTP, WebMCP, and MCP, with the same session and the same checks. One command sets it up.

Read the quickstart