---
owner: jschuyler
updated: '2026-05-11'
status: stable
---

export const metadata = {
  title: 'preset AI · Documentation',
  description: 'Make AI fluent in your design system. The memory layer that teaches AI coding tools to follow your tokens, components, and patterns.',
  summary: 'Pick a path: scan a repo, set up enforcement, plug an AI tool in, or read about the memory layer.',
  last_updated: '2026-05-11',
  related: ['/memory-layer', '/scan', '/enforce', '/agent-resources'],
}

export const sections = [
  { title: 'Choose where to start', id: 'choose-where-to-start' },
  { title: 'Recipes', id: 'recipes' },
]

<div className="not-prose">

<div className="grid grid-cols-1 lg:grid-cols-[1fr_28rem] gap-12 items-start">

<div>

<div className="text-[12px] text-muted-foreground mb-4">Documentation</div>

<h1 className="text-[32px] sm:text-[42px] leading-[1.05] font-semibold tracking-tight text-foreground mb-5 text-balance">
  Make AI fluent in <span className="text-muted-foreground">your design system.</span>
</h1>

<p className="text-[17px] leading-[1.55] text-muted-foreground max-w-[44ch] mb-8 text-pretty">
  The memory layer that teaches AI coding tools to follow your tokens, components, and patterns. Start with the Quickstart, or pick a path below that matches what you're trying to do.
</p>

<div className="flex flex-wrap items-center gap-2.5">
  <a href="/docs/scan" className="inline-flex items-center gap-1.5 h-9 px-4 rounded-[2px] bg-foreground text-background text-[14px] font-medium hover:opacity-90 transition-opacity">
    Quickstart
    <svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" strokeWidth="1.75"><path d="M2.5 6H9.5M9.5 6L6.5 3M9.5 6L6.5 9"/></svg>
  </a>
  <a href="/docs/agent-resources" className="inline-flex items-center gap-1.5 h-9 px-4 rounded-[2px] border border-border text-[14px] font-medium hover:border-muted-foreground/50 transition-colors">
    Agent resources
  </a>
  <a href="https://github.com/fndd-LLC/preset" className="inline-flex items-center gap-1.5 h-9 px-3 text-[14px] text-muted-foreground hover:text-foreground transition-colors">
    View on GitHub
    <svg width="11" height="11" viewBox="0 0 11 11" fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M3 8L8 3M8 3H4M8 3V7"/></svg>
  </a>
</div>

</div>

<div className="rounded-[2px] border border-border bg-muted/40 overflow-hidden">
  <div className="flex items-center justify-between border-b border-border px-2 py-2 bg-background">
    <div className="flex items-center gap-1 text-[12px]">
      <span className="px-2.5 py-1 rounded-[2px] bg-muted text-foreground font-medium">llms.txt</span>
      <a href="/docs/llms-full.txt" className="px-2.5 py-1 rounded-[2px] text-muted-foreground hover:bg-muted hover:text-foreground transition-colors focus:outline-none focus-visible:ring-1 focus-visible:ring-foreground/50 focus-visible:ring-offset-1">llms-full.txt</a>
      <a href="/docs/index.md" className="px-2.5 py-1 rounded-[2px] text-muted-foreground hover:bg-muted hover:text-foreground transition-colors focus:outline-none focus-visible:ring-1 focus-visible:ring-foreground/50 focus-visible:ring-offset-1">index.md</a>
    </div>
    <span className="text-[11px] text-muted-foreground font-mono pr-1">read-only</span>
  </div>
  <pre className="px-4 py-3.5 font-mono text-[12.5px] leading-[1.7] text-foreground overflow-x-auto whitespace-pre m-0">{`# preset AI Documentation

> Documentation for preset AI, the
> design system memory layer for AI
> coding tools.

- [What is preset AI](/index.md):
  Overview and core concepts.
- [The memory layer](/memory-layer.md):
  Why longitudinal beats snapshot.
- [Scan your repo](/scan.md):
  Run the scanner; review the output.
- [Set up enforcement](/enforce.md):
  Install MCP; watch the first reject.
- [Agent resources](/agent-resources.md):
  Every surface AI tools can read.`}</pre>
  <div className="border-t border-border px-3 py-2 bg-background flex items-center justify-between text-[11px] text-muted-foreground">
    <span>Live at <span className="font-mono text-foreground">presetai.dev/docs/llms.txt</span></span>
    <a href="/docs/llms.txt" className="hover:text-foreground">Open ↗</a>
  </div>
</div>

</div>

</div>

## Choose where to start

<p className="text-[15px] text-muted-foreground max-w-[60ch] mb-6">Four paths into preset AI. Pick the one that matches what you're trying to do; they connect.</p>

<div className="not-prose grid grid-cols-1 md:grid-cols-2 gap-px bg-border rounded-[2px] overflow-hidden border border-border mb-12">

  <a href="/docs/scan" className="group bg-background p-6 hover:bg-muted transition-colors block">
    <div className="flex items-start justify-between mb-2">
      <div className="text-[11px] font-medium text-muted-foreground">Guide · 8 min</div>
      <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="1.5" className="text-muted-foreground group-hover:text-foreground group-hover:translate-x-0.5 transition-all"><path d="M3 7H11M11 7L8 4M11 7L8 10"/></svg>
    </div>
    <div className="text-[17px] font-semibold mb-1.5">Scan your repo</div>
    <p className="text-[13.5px] leading-[1.55] text-muted-foreground">Point the scanner at an existing codebase. Get your first memory layer in one command, no config.</p>
  </a>

  <a href="/docs/enforce" className="group bg-background p-6 hover:bg-muted transition-colors block">
    <div className="flex items-start justify-between mb-2">
      <div className="text-[11px] font-medium text-muted-foreground">Guide · 5 min</div>
      <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="1.5" className="text-muted-foreground group-hover:text-foreground group-hover:translate-x-0.5 transition-all"><path d="M3 7H11M11 7L8 4M11 7L8 10"/></svg>
    </div>
    <div className="text-[17px] font-semibold mb-1.5">Set up enforcement</div>
    <p className="text-[13.5px] leading-[1.55] text-muted-foreground">Install the MCP server. Connect your AI tool. Watch the first generation get redirected to a real preset.</p>
  </a>

  <a href="/docs/agent-resources" className="group bg-background p-6 hover:bg-muted transition-colors block">
    <div className="flex items-start justify-between mb-2">
      <div className="text-[11px] font-medium text-muted-foreground">For AI tools</div>
      <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="1.5" className="text-muted-foreground group-hover:text-foreground group-hover:translate-x-0.5 transition-all"><path d="M3 7H11M11 7L8 4M11 7L8 10"/></svg>
    </div>
    <div className="text-[17px] font-semibold mb-1.5">Plug an AI tool in</div>
    <p className="text-[13.5px] leading-[1.55] text-muted-foreground">MCP server, llms.txt, per-page markdown, copy-to-AI: every surface for making an agent fluent in your system.</p>
  </a>

  <a href="/docs/memory-layer" className="group bg-background p-6 hover:bg-muted transition-colors block">
    <div className="flex items-start justify-between mb-2">
      <div className="text-[11px] font-medium text-muted-foreground">Concept · 6 min</div>
      <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="1.5" className="text-muted-foreground group-hover:text-foreground group-hover:translate-x-0.5 transition-all"><path d="M3 7H11M11 7L8 4M11 7L8 10"/></svg>
    </div>
    <div className="text-[17px] font-semibold mb-1.5">Read about the memory layer</div>
    <p className="text-[13.5px] leading-[1.55] text-muted-foreground">Why longitudinal beats snapshot for design systems in the AI age, and what that unlocks.</p>
  </a>

</div>