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

# Cookbooks

> Hands-on tutorials, guides, and reusable patterns for building on FlowX.AI, from your first process to production-grade AI apps.

Learn FlowX.AI by building. **Tutorials** take you from an empty project to a working app, step by step. **Guides** show you how to accomplish one real task end to end. **AI patterns** are reusable solutions you can drop into your own processes and workflows. New cookbooks ship with each release.

<div className="cb-wrap">
  <div className="cb-filters">
    <input type="radio" name="cbf" id="cb-all" defaultChecked />

    <label htmlFor="cb-all">All<span>20</span></label>

    <input type="radio" name="cbf" id="cb-tutorial" />

    <label htmlFor="cb-tutorial">Tutorials<span>5</span></label>

    <input type="radio" name="cbf" id="cb-guide" />

    <label htmlFor="cb-guide">Guides<span>8</span></label>

    <input type="radio" name="cbf" id="cb-pattern" />

    <label htmlFor="cb-pattern">AI patterns<span>7</span></label>

    <input type="radio" name="cbf" id="cb-conv" />

    <label htmlFor="cb-conv">Conversational AI<span>5</span></label>

    <input type="radio" name="cbf" id="cb-docs" />

    <label htmlFor="cb-docs">Documents<span>4</span></label>

    <input type="radio" name="cbf" id="cb-integr" />

    <label htmlFor="cb-integr">Integrations<span>5</span></label>

    <input type="radio" name="cbf" id="cb-ui" />

    <label htmlFor="cb-ui">UI<span>2</span></label>
  </div>

  <div className="cb-grid">
    <a className="cb-card" data-f="tutorial conversational" href="/5.9/ai-platform/tutorials/mortgage-advisor">
      <span className="cb-tags"><span className="cb-tag cb-tag-tut">Tutorial</span><span className="cb-tag">Conversational AI</span><span className="cb-tag">RAG</span></span>
      <span className="cb-title">Mortgage advisor chatbot</span>
      <span className="cb-desc">A conversational AI advisor with session memory, intent routing, a knowledge base, and hybrid AI plus business rule recommendations.</span>
    </a>

    <a className="cb-card" data-f="tutorial docs" href="/5.9/ai-platform/tutorials/document-processing">
      <span className="cb-tags"><span className="cb-tag cb-tag-tut">Tutorial</span><span className="cb-tag">Document AI</span></span>
      <span className="cb-title">Document processing pipeline</span>
      <span className="cb-desc">An AI-powered verification pipeline that classifies uploaded documents, extracts structured data, and reconciles it against application data.</span>
    </a>

    <a className="cb-card" data-f="tutorial" href="/5.9/ai-platform/tutorials/customer-onboarding">
      <span className="cb-tags"><span className="cb-tag cb-tag-tut">Tutorial</span><span className="cb-tag">Process automation</span></span>
      <span className="cb-title">Customer onboarding with KYC</span>
      <span className="cb-desc">A multi-step onboarding process with identity verification, document generation, manual review routing, and email notifications.</span>
    </a>

    <a className="cb-card" data-f="tutorial" href="/5.9/docs/getting-started/building-your-first-proc">
      <span className="cb-tags"><span className="cb-tag cb-tag-tut">Tutorial</span><span className="cb-tag">Process automation</span><span className="cb-tag">Basics</span></span>
      <span className="cb-title">Build your first process</span>
      <span className="cb-desc">Start from zero: model a BPMN process, design its UI, and run it. The foundation every other cookbook builds on.</span>
    </a>

    <a className="cb-card" data-f="tutorial integrations" href="/5.9/docs/getting-started/building-your-first-workflow">
      <span className="cb-tags"><span className="cb-tag cb-tag-tut">Tutorial</span><span className="cb-tag">Integrations</span><span className="cb-tag">Basics</span></span>
      <span className="cb-title">Build your first workflow</span>
      <span className="cb-desc">Connect an external REST API through a data source, build an integration workflow around it, and call it from a process.</span>
    </a>

    <a className="cb-card" data-f="guide conversational" href="/5.9/ai-platform/chat-driven-workflows">
      <span className="cb-tags"><span className="cb-tag cb-tag-gui">Guide</span><span className="cb-tag">Conversational AI</span></span>
      <span className="cb-title">Chat-driven workflows</span>
      <span className="cb-desc">Build multi-turn, AI-powered chat experiences with session memory, intent routing, and context-aware responses.</span>
    </a>

    <a className="cb-card" data-f="guide integrations" href="/5.9/docs/platform-deep-dive/integrations/incoming-webhooks">
      <span className="cb-tags"><span className="cb-tag cb-tag-gui">Guide</span><span className="cb-tag">Integrations</span></span>
      <span className="cb-title">Trigger processes with webhooks</span>
      <span className="cb-desc">Start FlowX processes when an external system sends an HTTP POST. Secured with API keys, event-driven, no polling.</span>
    </a>

    <a className="cb-card" data-f="guide integrations" href="/5.9/docs/platform-deep-dive/integrations/email-trigger">
      <span className="cb-tags"><span className="cb-tag cb-tag-gui">Guide</span><span className="cb-tag">Integrations</span></span>
      <span className="cb-title">Start processes from email</span>
      <span className="cb-desc">Connect an IMAP mailbox and automatically start process instances when emails arrive.</span>
    </a>

    <a className="cb-card" data-f="guide integrations" href="/5.9/docs/platform-deep-dive/integrations/microsoft-outlook-data-source">
      <span className="cb-tags"><span className="cb-tag cb-tag-gui">Guide</span><span className="cb-tag">Integrations</span></span>
      <span className="cb-title">Read and send email with Outlook</span>
      <span className="cb-desc">Connect Microsoft Outlook via the MS Graph API and Azure AD to read and send emails from your processes.</span>
    </a>

    <a className="cb-card" data-f="guide integrations" href="/5.9/docs/platform-deep-dive/integrations/flowx-database">
      <span className="cb-tags"><span className="cb-tag cb-tag-gui">Guide</span><span className="cb-tag">Integrations</span><span className="cb-tag">Data</span></span>
      <span className="cb-title">Store data with FlowX Database</span>
      <span className="cb-desc">Store and access structured data across processes and apps, without standing up an external database.</span>
    </a>

    <a className="cb-card" data-f="guide docs" href="/5.9/docs/platform-deep-dive/core-extensions/content-management/documents-plugin/generating-from-html-templates">
      <span className="cb-tags"><span className="cb-tag cb-tag-gui">Guide</span><span className="cb-tag">Documents</span></span>
      <span className="cb-title">Generate documents from templates</span>
      <span className="cb-desc">Generate documents from custom templates, pre-filled with data from the current process instance.</span>
    </a>

    <a className="cb-card" data-f="guide ui" href="/5.9/docs/building-blocks/reusable-resources/custom-components">
      <span className="cb-tags"><span className="cb-tag cb-tag-gui">Guide</span><span className="cb-tag">UI</span></span>
      <span className="cb-title">Build a custom UI component</span>
      <span className="cb-desc">Create custom React components that integrate with FlowX process data and actions, extending the built-in palette.</span>
    </a>

    <a className="cb-card" data-f="guide ui" href="/5.9/docs/flowx-designer/managing-a-project-flow/creating-a-user-interface">
      <span className="cb-tags"><span className="cb-tag cb-tag-gui">Guide</span><span className="cb-tag">UI</span><span className="cb-tag">Basics</span></span>
      <span className="cb-title">Create a user interface</span>
      <span className="cb-desc">Design and configure the UI for a process flow with the UI Designer: layout, form components, and navigation.</span>
    </a>

    <a className="cb-card" data-f="pattern" href="/5.9/ai-platform/patterns/agent-typologies">
      <span className="cb-tags"><span className="cb-tag cb-tag-pat">AI pattern</span><span className="cb-tag">Agents</span></span>
      <span className="cb-title">Agent typologies</span>
      <span className="cb-desc">The nine recurring agent archetypes behind the FlowX.AI agent catalog, and the nodes you combine to build each one.</span>
    </a>

    <a className="cb-card" data-f="pattern conversational" href="/5.9/ai-platform/patterns/intent-classification-routing">
      <span className="cb-tags"><span className="cb-tag cb-tag-pat">Pattern</span><span className="cb-tag">Conversational AI</span></span>
      <span className="cb-title">Intent classification and routing</span>
      <span className="cb-desc">Classify user input into intent categories and route each one to a specialized handler.</span>
    </a>

    <a className="cb-card" data-f="pattern conversational" href="/5.9/ai-platform/patterns/knowledge-base-rag">
      <span className="cb-tags"><span className="cb-tag cb-tag-pat">Pattern</span><span className="cb-tag">Conversational AI</span><span className="cb-tag">RAG</span></span>
      <span className="cb-title">Knowledge base RAG</span>
      <span className="cb-desc">Ground AI responses in your documents using retrieval-augmented generation with vector search.</span>
    </a>

    <a className="cb-card" data-f="pattern docs" href="/5.9/ai-platform/patterns/fan-out-extraction">
      <span className="cb-tags"><span className="cb-tag cb-tag-pat">Pattern</span><span className="cb-tag">Document AI</span></span>
      <span className="cb-title">Fan-out extraction</span>
      <span className="cb-desc">Classify documents by type, then route each to a specialized extraction node with tailored prompts and schemas.</span>
    </a>

    <a className="cb-card" data-f="pattern docs" href="/5.9/ai-platform/patterns/ai-comparison-reconciliation">
      <span className="cb-tags"><span className="cb-tag cb-tag-pat">Pattern</span><span className="cb-tag">Document AI</span></span>
      <span className="cb-title">AI comparison and reconciliation</span>
      <span className="cb-desc">Compare AI-extracted document data against system-of-record values and generate structured exception reports.</span>
    </a>

    <a className="cb-card" data-f="pattern" href="/5.9/ai-platform/patterns/hybrid-ai-rules">
      <span className="cb-tags"><span className="cb-tag cb-tag-pat">Pattern</span><span className="cb-tag">Decisioning</span></span>
      <span className="cb-title">Hybrid AI + business rules</span>
      <span className="cb-desc">Combine AI extraction and understanding with deterministic business logic for auditable, explainable decisions.</span>
    </a>

    <a className="cb-card" data-f="pattern conversational" href="/5.9/ai-platform/patterns/session-state-management">
      <span className="cb-tags"><span className="cb-tag cb-tag-pat">Pattern</span><span className="cb-tag">Conversational AI</span></span>
      <span className="cb-title">Session state management</span>
      <span className="cb-desc">Manage conversation history and session state across multi-turn interactions using FlowX Database workflows.</span>
    </a>
  </div>

  <div className="cb-foot">
    <span>Browse by section:</span>
    <a href="/5.9/ai-platform/tutorials/overview">Tutorials</a>
    <a href="/5.9/ai-platform/patterns/overview">AI patterns</a>
    <a href="/release-notes/overview">What shipped recently</a>
  </div>
</div>