> ## Documentation Index
> Fetch the complete documentation index at: https://docs.docinject.com/llms.txt
> Use this file to discover all available pages before exploring further.

# DocInject Documentation

> Create, manage, and deploy SOPs, playbooks, and guides with DocInject — from AI-generated drafts to embeddable links, webhooks, and the REST API.

<div data-product-guide-index className="flex w-full flex-col gap-8 max-w-5xl mx-auto px-4 md:px-8 lg:px-12 py-10 lg:gap-14 lg:py-16">
  <div className="flex max-w-[540px] flex-col gap-2 self-center text-center">
    <h1 className="text-[30px] font-medium leading-9 tracking-tight text-gray-900 dark:text-gray-50">
      DocInject Documentation
    </h1>

    <p className="text-balance text-base leading-relaxed tracking-tight text-gray-600 dark:text-gray-400">
      Create structured SOPs, playbooks, and guides, then deploy them as live context into the tools and workflows your team already uses.
    </p>
  </div>

  <div className="flex flex-col gap-4">
    <h2 className="font-serif text-xl font-medium leading-normal text-gray-900 dark:text-gray-50">Common tasks</h2>

    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
      <a href="/documents/ai-generation" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="zap" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Generate a document with AI</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Turn notes, audio recordings, videos, or uploaded files into structured SOPs automatically.
          </span>
        </div>
      </a>

      <a href="/team/members" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="users" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Manage your team</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Invite members, assign roles, and control document ownership across your organization.
          </span>
        </div>
      </a>

      <a href="/sharing/embed" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="layout-panel-left" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Embed a document</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Share a published document as an embeddable widget. No login required for viewers.
          </span>
        </div>
      </a>

      <a href="/sharing/export" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="file-down" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Export to Word or Markdown</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Download any published document as a .docx file using your own custom template.
          </span>
        </div>
      </a>

      <a href="/integrations/webhooks" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="webhook" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Set up a webhook</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Subscribe to document events and route them to any endpoint or automation platform.
          </span>
        </div>
      </a>

      <a href="/integrations/api-keys" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="key-round" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Create an API key</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Generate keys to authenticate programmatic access to your documents and organization data.
          </span>
        </div>
      </a>
    </div>
  </div>
</div>