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

# Welcome to AI Kit

> AI Kit is Aidalinfo internal agentic micro-framework. It adds a stable abstraction layer on top of the AI SDK and LLM providers so you can build reliable agents, orchestrated workflows, and end-to-end telemetry.

<div className="mt-10 card-group not-prose grid gap-x-4 gap-y-2 sm:grid-cols-2">
  <a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/en/getting-started/overview">
    <div className="px-6 py-5 relative" data-component-part="card-content-container">
      <div id="card-link-arrow-icon" className="absolute text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light top-5 right-5 hidden">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="lucide lucide-arrow-up-right w-4 h-4">
          <path d="M7 7h10v10" />

          <path d="M7 17 17 7" />
        </svg>
      </div>

      <div className="h-6 w-6" data-component-part="card-icon">
        <img src="https://d3gk2c5xim1je2.cloudfront.net/lucide/v0.545.0/rocket.svg" alt="" className="h-6 w-6" loading="lazy" />
      </div>

      <div>
        <p className="not-prose font-semibold text-base text-gray-800 dark:text-white mt-4" data-component-part="card-title">
          Quickstart Guide
        </p>

        <div className="prose mt-1 font-normal text-sm leading-6 text-gray-600 dark:text-gray-400" data-component-part="card-content">
          <span>Install AI Kit packages, configure your project, and spin up your first agents.</span>
        </div>

        <div className="mt-8" data-component-part="card-cta">
          <div className="flex w-full items-center justify-between gap-2 text-gray-600 dark:text-gray-400 text-sm font-medium hover:text-primary dark:hover:text-primary-light group-hover:text-primary group-hover:dark:text-primary-light">
            <span className="text-left">Follow the setup guide</span>

            <svg width="3" height="24" viewBox="0 -9 3 24" className="rotate-0 overflow-visible h-6 shrink-0">
              <path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
            </svg>
          </div>
        </div>
      </div>
    </div>
  </a>

  <a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/en/agents/index">
    <div className="px-6 py-5 relative" data-component-part="card-content-container">
      <div id="card-link-arrow-icon" className="absolute text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light top-5 right-5 hidden">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="lucide lucide-arrow-up-right w-4 h-4">
          <path d="M7 7h10v10" />

          <path d="M7 17 17 7" />
        </svg>
      </div>

      <div className="h-6 w-6" data-component-part="card-icon">
        <img src="https://d3gk2c5xim1je2.cloudfront.net/lucide/v0.545.0/bot.svg" alt="" className="h-6 w-6" loading="lazy" />
      </div>

      <div>
        <p className="not-prose font-semibold text-base text-gray-800 dark:text-white mt-4" data-component-part="card-title">
          AI Kit Agents
        </p>

        <div className="prose mt-1 font-normal text-sm leading-6 text-gray-600 dark:text-gray-400" data-component-part="card-content">
          <span>Build instruction-led agents with tool integration and structured outputs.</span>
        </div>

        <div className="mt-8" data-component-part="card-cta">
          <div className="flex w-full items-center justify-between gap-2 text-gray-600 dark:text-gray-400 text-sm font-medium hover:text-primary dark:hover:text-primary-light group-hover:text-primary group-hover:dark:text-primary-light">
            <span className="text-left">Compose your first agent</span>

            <svg width="3" height="24" viewBox="0 -9 3 24" className="rotate-0 overflow-visible h-6 shrink-0">
              <path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
            </svg>
          </div>
        </div>
      </div>
    </div>
  </a>

  <a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/en/workflows/index">
    <div className="px-6 py-5 relative" data-component-part="card-content-container">
      <div id="card-link-arrow-icon" className="absolute text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light top-5 right-5 hidden">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="lucide lucide-arrow-up-right w-4 h-4">
          <path d="M7 7h10v10" />

          <path d="M7 17 17 7" />
        </svg>
      </div>

      <div className="h-6 w-6" data-component-part="card-icon">
        <img src="https://d3gk2c5xim1je2.cloudfront.net/lucide/v0.545.0/spline.svg" alt="" className="h-6 w-6" loading="lazy" />
      </div>

      <div>
        <p className="not-prose font-semibold text-base text-gray-800 dark:text-white mt-4" data-component-part="card-title">
          Orchestrated Workflows
        </p>

        <div className="prose mt-1 font-normal text-sm leading-6 text-gray-600 dark:text-gray-400" data-component-part="card-content">
          <span>Chain typed, parallel, or conditional steps with controlled resume behavior.</span>
        </div>

        <div className="mt-8" data-component-part="card-cta">
          <div className="flex w-full items-center justify-between gap-2 text-gray-600 dark:text-gray-400 text-sm font-medium hover:text-primary dark:hover:text-primary-light group-hover:text-primary group-hover:dark:text-primary-light">
            <span className="text-left">Orchestrate your pipelines</span>

            <svg width="3" height="24" viewBox="0 -9 3 24" className="rotate-0 overflow-visible h-6 shrink-0">
              <path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
            </svg>
          </div>
        </div>
      </div>
    </div>
  </a>

  <a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/en/telemetry/index">
    <div className="px-6 py-5 relative" data-component-part="card-content-container">
      <div id="card-link-arrow-icon" className="absolute text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light top-5 right-5 hidden">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="lucide lucide-arrow-up-right w-4 h-4">
          <path d="M7 7h10v10" />

          <path d="M7 17 17 7" />
        </svg>
      </div>

      <div className="h-6 w-6" data-component-part="card-icon">
        <img src="https://d3gk2c5xim1je2.cloudfront.net/lucide/v0.545.0/radar.svg" alt="" className="h-6 w-6" loading="lazy" />
      </div>

      <div>
        <p className="not-prose font-semibold text-base text-gray-800 dark:text-white mt-4" data-component-part="card-title">
          Built-in Telemetry
        </p>

        <div className="prose mt-1 font-normal text-sm leading-6 text-gray-600 dark:text-gray-400" data-component-part="card-content">
          <span>Instrument agents with Langfuse & OpenTelemetry to trace every execution.</span>
        </div>

        <div className="mt-8" data-component-part="card-cta">
          <div className="flex w-full items-center justify-between gap-2 text-gray-600 dark:text-gray-400 text-sm font-medium hover:text-primary dark:hover:text-primary-light group-hover:text-primary group-hover:dark:text-primary-light">
            <span className="text-left">Enable observability</span>

            <svg width="3" height="24" viewBox="0 -9 3 24" className="rotate-0 overflow-visible h-6 shrink-0">
              <path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
            </svg>
          </div>
        </div>
      </div>
    </div>
  </a>
</div>

## Go further

* `packages/core` – framework internals (agents, workflows, runtime, providers).
* `packages/types` – shared public types and helpers.
* `packages/mintlify-docs` – this Mintlify documentation (guides + API reference).
* `packages/mcp-docs-server` – MCP server exposing the AI Kit docs.

Head to [Getting started](/en/getting-started/overview) to explore all onboarding guides.