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

# Overview

> Quickstarts and step-by-step guides for building with Together AI.

export const GridGuides = ({children}) => {
  return <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 md:gap-4 xl:gap-6">
      {children}
    </div>;
};

export const GuideCard = ({title, description, href, badges = [], className = ""}) => {
  const getTagColor = tag => {
    const tagColors = {
      python: {
        bg: "#dbeafe",
        text: "#1e40af"
      },
      typescript: {
        bg: "#dcfce7",
        text: "#166534"
      },
      chat: {
        bg: "#e0f2fe",
        text: "#0c4a6e"
      },
      audio: {
        bg: "#fef3c7",
        text: "#92400e"
      },
      vision: {
        bg: "#f3e8ff",
        text: "#6b21a8"
      },
      agents: {
        bg: "#e0e7ff",
        text: "#3730a3"
      },
      rerank: {
        bg: "#cffafe",
        text: "#0e7490"
      },
      "bing-api": {
        bg: "#dbeafe",
        text: "#1e40af"
      },
      embeddings: {
        bg: "#e0e7ff",
        text: "#3730a3"
      },
      rag: {
        bg: "#ecfdf5",
        text: "#166534"
      },
      huggingface: {
        bg: "#fef3c7",
        text: "#92400e"
      },
      "vercel-ai-sdk": {
        bg: "#f9fafb",
        text: "#111827"
      },
      mastra: {
        bg: "#ecfdf5",
        text: "#166534"
      },
      workflows: {
        bg: "#f1f5f9",
        text: "#334155"
      },
      sequential: {
        bg: "#ccfbf1",
        text: "#0f766e"
      },
      parallel: {
        bg: "#f3e8ff",
        text: "#7c3aed"
      },
      async: {
        bg: "#fce7f3",
        text: "#be185d"
      },
      routing: {
        bg: "#fed7aa",
        text: "#9a3412"
      },
      json: {
        bg: "#f9fafb",
        text: "#374151"
      },
      optimization: {
        bg: "#d1fae5",
        text: "#065f46"
      },
      ensemble: {
        bg: "#fce7f3",
        text: "#be185d"
      },
      cli: {
        bg: "#cffafe",
        text: "#0e7490"
      },
      terminal: {
        bg: "#d1fae5",
        text: "#065f46"
      },
      render: {
        bg: "#f1f5f9",
        text: "#334155"
      },
      video: {
        bg: "#f3e8ff",
        text: "#6b21a8"
      },
      "hugging-face": {
        bg: "#fef3c7",
        text: "#92400e"
      },
      frameworks: {
        bg: "#cffafe",
        text: "#0e7490"
      },
      langgraph: {
        bg: "#f3e8ff",
        text: "#6b21a8"
      },
      crewai: {
        bg: "#fef2f2",
        text: "#991b1b"
      },
      training: {
        bg: "#fed7aa",
        text: "#9a3412"
      },
      "instant-clusters": {
        bg: "#f3e8ff",
        text: "#7c3aed"
      },
      "gpu-clusters": {
        bg: "#f3e8ff",
        text: "#7c3aed"
      }
    };
    const tagName = tag.toLowerCase().replace(/ /g, "-");
    if (tagColors[tagName]) {
      return {
        bg: tagColors[tagName].bg,
        text: tagColors[tagName].text
      };
    }
    return {
      bg: "#f9fafb",
      text: "#374151"
    };
  };
  const CardContent = <div className={`flex flex-col justify-start items-start w-full h-full overflow-hidden gap-3 px-5 py-4 rounded-2xl bg-white dark:bg-transparent dark:hover:bg-[#0B0C0E] border border-[#EDE9E8] dark:border-[#2A2320] hover:bg-gray-50 transition-all ${className}`}>
      <div className="flex flex-col justify-start items-start self-stretch flex-grow relative gap-1.5">
        <p className="my-0 self-stretch flex-grow-0 flex-shrink-0 text-base text-left text-black dark:text-white font-normal">
          {title}
        </p>
        <p className="my-0 flex-grow-0 flex-shrink-0 text-sm font-light text-left text-neutral-600 dark:text-gray-100">
          {description}
        </p>
      </div>
      {badges.length > 0 && <div className="flex justify-start items-start flex-grow-0 flex-shrink-0 gap-2.5 flex-wrap mt-auto">
          {badges.map((badge, index) => {
    const colors = getTagColor(badge);
    return <div key={index} className={`flex justify-center items-center flex-grow-0 flex-shrink-0 relative overflow-hidden gap-2.5 px-2 py-1 rounded-[100px] dark:invert`} style={{
      backgroundColor: colors.bg
    }}>
                <p className="my-0 flex-grow-0 flex-shrink-0 text-xs text-center" style={{
      color: colors.text
    }}>
                  {badge}
                </p>
              </div>;
  })}
        </div>}
    </div>;
  if (href) {
    return <a href={href} className="flex underline-none outline-none border-none">
        {CardContent}
      </a>;
  }
  return CardContent;
};

export const SubHeading = ({heading, description}) => {
  return <div className="flex flex-col md:flex-row gap-2 md:gap-6 items-baseline mb-3 mt-10">
      <p className="my-0 text-lg font-medium text-left text-neutral-900 dark:text-white">
        {heading}
      </p>
      <p className="my-0 text-base text-left text-neutral-600 dark:text-gray-100">
        {description}
      </p>
    </div>;
};

<SubHeading heading={"Agents"} description={"Design agent loops, tools, and planners."} />

<GridGuides>
  <GuideCard title="Agent workflows" description="Orchestrate multiple model calls to solve complex tasks." href="/docs/workflows" badges={["Workflows", "Python"]} />

  <GuideCard title="Sequential workflows" description="Chain tasks so each step builds on the last." href="/docs/sequential-agent-workflow" badges={["Sequential", "Python"]} />

  <GuideCard title="Parallel workflows" description="Run tasks simultaneously for faster results." href="/docs/parallel-workflows" badges={["Async", "Parallel", "Python"]} />

  <GuideCard title="Conditional workflows" description="Branch the workflow based on evaluation results." href="/docs/conditional-workflows" badges={["Routing", "JSON", "Python"]} />

  <GuideCard title="Iterative workflows" description="Repeat a task until a condition is met." href="/docs/iterative-workflow" badges={["Optimization", "JSON", "Python"]} />

  <GuideCard title="Agent framework integrations" description="Use frameworks like LangGraph and CrewAI with Together AI." href="/docs/integrations-2" badges={["Frameworks", "LangGraph", "CrewAI"]} />
</GridGuides>

<SubHeading heading={"Apps"} description={"Full-stack patterns you can copy."} />

<GridGuides>
  <GuideCard title="Build a coding agent" description="Write a code-editing agent from scratch in 400 lines." href="/docs/how-to-build-coding-agents" badges={["Chat", "Python"]} />

  <GuideCard title="Build a Lovable clone" description="Generate React apps from a single prompt with Kimi K2." href="/docs/how-to-build-a-lovable-clone-with-kimi-k2" badges={["Chat", "TypeScript"]} />

  <GuideCard title="Build a CSV data analysis app" description="Answer questions about CSV data with AI-generated Python code." href="/docs/csv-data-analysis-with-code-interpreter" badges={["Data", "TypeScript", "Python"]} />

  <GuideCard title="Build a resume-to-website app" description="Turn PDF resumes into personal websites with structured outputs." href="/docs/pdf-to-website-with-structured-outputs" badges={["JSON", "TypeScript"]} />

  <GuideCard title="Real-time audio transcription" description="Transcribe live audio in a full-stack app." href="/docs/how-to-build-real-time-audio-transcription-app" badges={["Audio", "TypeScript"]} />

  <GuideCard title="Data analyst agent" description="Build an agent that analyzes data and surfaces insights." href="/docs/data-analyst-agent" badges={["Agents", "Python"]} />

  <GuideCard title="PDF to podcast" description="Convert PDF documents into podcast episodes with Open NotebookLM." href="/docs/open-notebooklm-pdf-to-podcast" badges={["Chat", "TypeScript"]} />

  <GuideCard title="AI tutor" description="Build an intelligent tutoring system." href="/docs/ai-tutor" badges={["Agents", "Python"]} />

  <GuideCard title="Chat API on Render" description="Deploy an authenticated chat API to a Render web service." href="/docs/render-chat-api" badges={["Chat", "Render", "TypeScript", "Python"]} />
</GridGuides>

<SubHeading heading={"Search and RAG"} description={"Build search and retrieval systems grounded in your data."} />

<GridGuides>
  <GuideCard title="RAG quickstart" description="Get started with retrieval-augmented generation." href="/docs/quickstart-retrieval-augmented-generation-rag" badges={["RAG", "Embeddings", "Python"]} />

  <GuideCard title="RAG workflow" description="Combine retrieval and generation for grounded answers." href="/docs/building-a-rag-workflow" badges={["RAG", "Embeddings", "Python"]} />

  <GuideCard title="Contextual RAG" description="Implement Anthropic's contextual retrieval technique." href="/docs/how-to-implement-contextual-rag-from-anthropic" badges={["RAG", "Rerank", "Python"]} />

  <GuideCard title="Improve search with rerankers" description="Improve semantic search quality with reranker models." href="/docs/how-to-improve-search-with-rerankers" badges={["Rerank", "Python"]} />

  <GuideCard title="AI search engine" description="Build a simplified Perplexity-style search engine." href="/docs/ai-search-engine" badges={["Bing API", "TypeScript"]} />
</GridGuides>

<SubHeading heading={"General guides"} description={"Coding tools, integrations, and capability guides."} />

<GridGuides>
  <GuideCard title="OpenClaw" description="Run the OpenClaw autonomous agent on open-source models." href="/docs/how-to-use-openclaw" badges={["Agents", "CLI"]} />

  <GuideCard title="Cline" description="Use Cline for AI-powered development in your editor." href="/docs/how-to-use-cline" badges={["CLI", "Terminal"]} />

  <GuideCard title="TogetherLink" description="Run Claude Code, Codex, and other coding agents on Together AI models." href="/docs/how-to-use-togetherlink" badges={["CLI", "Terminal"]} />

  <GuideCard title="Run nanochat on GPU clusters" description="Train Karpathy's end-to-end ChatGPT clone on on-demand clusters." href="/docs/nanochat-on-instant-clusters" badges={["Training", "GPU clusters", "Python"]} />

  <GuideCard title="Hugging Face inference" description="Use Together AI with Hugging Face models and workflows." href="/docs/quickstart-using-hugging-face-inference" badges={["Hugging Face", "Python"]} />

  <GuideCard title="Vercel AI SDK" description="Build apps with Vercel's AI SDK and Together AI." href="/docs/using-together-with-vercels-ai-sdk" badges={["Vercel AI SDK", "TypeScript"]} />

  <GuideCard title="Mastra" description="Integrate Together AI models with the Mastra framework." href="/docs/using-together-with-mastra" badges={["Mastra", "TypeScript"]} />

  <GuideCard title="Next.js chat quickstart" description="Spin up a production-ready chatbot with Next.js." href="/docs/nextjs-chat-quickstart" badges={["Chat", "TypeScript"]} />

  <GuideCard title="OCR quickstart" description="Extract text from images with vision models." href="/docs/quickstart-how-to-do-ocr" badges={["Vision", "TypeScript"]} />

  <GuideCard title="Logprobs" description="Use log probabilities to inspect model confidence." href="/docs/inference/chat/logprobs" badges={["Chat"]} />

  <GuideCard title="Videos" description="Generate videos from text and image prompts." href="/docs/inference/videos/overview" badges={["Video", "Python", "TypeScript"]} />

  <GuideCard title="Mixture of agents" description="Combine multiple models for better answers." href="/docs/mixture-of-agents" badges={["Async", "Ensemble", "Python"]} />
</GridGuides>