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

# ComfyUI Official Documentation

> ComfyUI Official Documentation

<div className="relative">
  <div className="w-full text-center mt-16 pb-8">
    <div className="mt-24 text-center">
      <img src="https://mintcdn.com/dripart/WCFdTagRdhtvk9-o/logo/light.svg?fit=max&auto=format&n=WCFdTagRdhtvk9-o&q=85&s=ec112de87239058f5a931a7e4b594965" className="block dark:hidden pointer-events-none mx-auto" width="204" height="57" data-path="logo/light.svg" />

      <img src="https://mintcdn.com/dripart/QzWbjSCBG7w61rR3/logo/dark.svg?fit=max&auto=format&n=QzWbjSCBG7w61rR3&q=85&s=62b4d879fb3aadbd7a468d1539032d6f" className="hidden dark:block pointer-events-none mx-auto" width="204" height="57" data-path="logo/dark.svg" />
    </div>

    <div className="flex justify-center w-full">
      <h1
        style={{
    fontSize: "18px",
    fontWeight: "bold",
    marginTop: "10px",
    textAlign: "center"
  }}
        className="text-center"
      >
        ComfyUI Official Documentation
      </h1>
    </div>
  </div>

  {/* social start */}

  <div className="text-center pb-8">
    <div className="flex gap-4 justify-center items-center">
      <a href="https://github.com/comfyanonymous/ComfyUI/" target="_blank" className="hover:opacity-80">
        <Icon icon="github" iconType="solid" size={32} />
      </a>

      <a href="https://x.com/ComfyUI" target="_blank" className="hover:opacity-80">
        <Icon icon="x-twitter" iconType="solid" size={32} />
      </a>

      <a href="https://discord.com/invite/comfyorg" target="_blank" className="hover:opacity-80">
        <Icon icon="discord" iconType="solid" size={32} />
      </a>

      <a href="https://www.youtube.com/@comfyorg" target="_blank" className="hover:opacity-80">
        <Icon icon="youtube" iconType="solid" size={32} />
      </a>
    </div>
  </div>

  <div className="px-4 max-w-5xl mx-auto">
    <p className="max-w-xl mx-auto px-4 mb-12 text-lg text-center text-gray-500 dark:text-zinc-500">
      The most powerful open source node-based application for generative AI
    </p>

    {/* Getting Started Section */}

    <div className="mb-12">
      <h2 className="text-2xl font-bold mb-6 text-center">Getting Started</h2>

      <CardGroup cols={3}>
        <Card title="Download & Install" icon="download" href="/installation/system_requirements">
          Install ComfyUI on Windows, macOS, or Linux
        </Card>

        <Card title="First Generation" icon="rocket" href="/get_started/first_generation">
          Create your first AI-generated image
        </Card>

        <Card title="Basic Concepts" icon="lightbulb" href="/development/core-concepts/workflow">
          Understand workflows, nodes, and links
        </Card>

        <Card title="Comfy Hub" icon="globe" href="https://comfy.org/workflows">
          Discover the world's top creators and workflows
        </Card>
      </CardGroup>
    </div>

    {/* Learn & Tutorials Section */}

    <div className="mb-12">
      <h2 className="text-2xl font-bold mb-6 text-center">Learn & Tutorials</h2>

      <CardGroup cols={3}>
        <Card title="Interface Guide" icon="window-maximize" href="/interface/overview">
          Navigate the ComfyUI interface
        </Card>

        <Card title="Tutorials" icon="book-open" href="/tutorials/basic/text-to-image">
          Step-by-step guides for common tasks
        </Card>

        <Card title="Built-in Nodes" icon="diagram-project" href="/built-in-nodes/overview">
          Learn about each node in ComfyUI
        </Card>
      </CardGroup>
    </div>

    {/* Development Section */}

    <div className="mb-12">
      <h2 className="text-2xl font-bold mb-6 text-center">Development & Extension</h2>

      <CardGroup cols={3}>
        <Card title="Development Guide" icon="code" href="/development/overview">
          Contribute to ComfyUI development
        </Card>

        <Card title="Custom Nodes" icon="puzzle-piece" href="/custom-nodes/overview">
          Create and publish custom nodes
        </Card>

        <Card title="Local API" icon="terminal" href="/development/comfyui-server/comms_overview">
          Integrate with local ComfyUI server
        </Card>

        <Card title="Cloud API" icon="cloud" href="/development/cloud/overview">
          Run workflows via ComfyUI Cloud API
        </Card>

        <Card title="Cloud API Reference" icon="book" href="/development/cloud/api-reference">
          Explore the ComfyUI Cloud API reference
        </Card>

        <Card title="Cloud MCP Server" icon="server" href="/development/cloud/mcp-server">
          Connect AI agents to ComfyUI Cloud via MCP
        </Card>
      </CardGroup>
    </div>

    {/* Get Help Section */}

    <div className="mb-12">
      <h2 className="text-2xl font-bold mb-6 text-center">Get Help</h2>

      <CardGroup cols={3}>
        <Card title="Contact Support" icon="headset" href="/support/contact-support">
          Get help from our support team
        </Card>

        <Card title="Account Management" icon="user-gear" href="/account/create-account">
          Create, login, and manage your account
        </Card>

        <Card title="Billing Support" icon="credit-card" href="/support/subscription/subscribing">
          Manage subscriptions and payments
        </Card>

        <Card title="Troubleshooting" icon="circle-question" href="/troubleshooting/overview">
          Resolve common issues and errors
        </Card>

        <Card title="Community" icon="users" href="/community/links">
          Join the ComfyUI community
        </Card>
      </CardGroup>
    </div>

    {/* About ComfyUI Section */}

    <div className="text-center mt-16 mb-8">
      <h2 className="text-2xl font-bold mb-4">About ComfyUI</h2>

      <p className="mb-4">
        Written by <a href="https://github.com/comfyanonymous" className="text-blue-500 dark:text-blue-400 underline hover:text-blue-600 dark:hover:text-blue-500">comfyanonymous</a> and other <a href="https://github.com/comfyanonymous/ComfyUI/graphs/contributors" className="text-blue-500 dark:text-blue-400 underline hover:text-blue-600 dark:hover:text-blue-500">contributors</a>.
      </p>

      <ul className="list-none space-y-2 max-w-2xl mx-auto">
        <li><strong>ComfyUI</strong> is a node-based interface and inference engine for generative AI</li>
        <li>Users can combine various AI models and operations through nodes to achieve highly customizable and controllable content generation</li>
        <li>ComfyUI is completely open source and can run on your local device</li>
      </ul>
    </div>
  </div>
</div>