> ## 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.

# Bienvenue dans AI Kit

> AI Kit est le micro-framework agentique d’Aidalinfo. Il fournit une couche d’abstraction stable au-dessus de l’AI SDK et des providers LLM pour développer des agents fiables, orchestrer des workflows et instrumenter vos applications de bout en bout.

<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 h-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/fr/getting-started/overview">
    <div className="px-6 py-5 relative flex h-full flex-col" 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 className="flex flex-1 flex-col">
        <p className="not-prose font-semibold text-base text-gray-800 dark:text-white mt-4" data-component-part="card-title">
          Démarrage rapide
        </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>Installez les paquets AI Kit, configurez votre projet et lancez vos premiers agents.</span>
        </div>

        <div className="mt-auto pt-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">Suivre le guide d’installation</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 h-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/fr/agents/index">
    <div className="px-6 py-5 relative flex h-full flex-col" 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 className="flex flex-1 flex-col">
        <p className="not-prose font-semibold text-base text-gray-800 dark:text-white mt-4" data-component-part="card-title">
          Agents AI Kit
        </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>Construisez des agents pilotés par instructions, outils et sorties structurées.</span>
        </div>

        <div className="mt-auto pt-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">Composer votre premier 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 h-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/fr/workflows/index">
    <div className="px-6 py-5 relative flex h-full flex-col" 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 className="flex flex-1 flex-col">
        <p className="not-prose font-semibold text-base text-gray-800 dark:text-white mt-4" data-component-part="card-title">
          Workflows orchestrés
        </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>Enchaînez des étapes typées, parallèles ou conditionnelles avec reprise contrôlée.</span>
        </div>

        <div className="mt-auto pt-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">Orchestrer vos 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 h-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/fr/telemetrie/index">
    <div className="px-6 py-5 relative flex h-full flex-col" 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 className="flex flex-1 flex-col">
        <p className="not-prose font-semibold text-base text-gray-800 dark:text-white mt-4" data-component-part="card-title">
          Télémétrie intégrée
        </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>Instrumentez vos agents avec Langfuse & OpenTelemetry pour suivre chaque exécution.</span>
        </div>

        <div className="mt-auto pt-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">Activer la traçabilité</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>

## Aller plus loin

Rendez-vous dans la rubrique [Getting started](/fr/getting-started/overview) pour explorer tous les guides d’adoption.
