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

# ComfyUI 公式ドキュメント

> ComfyUI 公式ドキュメント

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

      <img src="https://mintcdn.com/comfyuiwikicom/wQRHATP5k3brbzHr/logo/dark.svg?fit=max&auto=format&n=wQRHATP5k3brbzHr&q=85&s=5e79643c09d758904adb3f1e3b23705b" 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 公式ドキュメント
      </h1>
    </div>
  </div>

  {/* social start */}

  <div className="pb-8 text-center">
    <div className="flex items-center justify-center gap-4">
      <a href="https://github.com/Comfy-Org/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>

  {/* CAT ad: comfyuiwiki → missavdh.com への導線。incoming-visits-logger で記録（ref + via + utm_*）。詳細は CAT_AD_DESIGN.md 参照。 */}

  <a href="https://missavdh.com/?ref=comfyuiwiki&via=cat-ad-hero&utm_source=comfyuiwiki.com&utm_medium=docs-cat&utm_campaign=comfyui-funnel&from=index-hero" target="_blank" rel="noopener noreferrer" className="group relative mx-auto my-12 block max-w-5xl overflow-hidden rounded-3xl bg-gradient-to-br from-[#49378B] via-[#7c3aed] to-[#ec4899] text-white no-underline shadow-2xl ring-1 ring-white/30 transition-all duration-300 hover:scale-[1.01] hover:shadow-[0_25px_60px_-15px_rgba(236,72,153,0.6)] focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-[#7c3aed] focus:outline-none" aria-label="ライブプレビューとダウンロードのカタログを開く — 7 枚のプレビューのサムネイル、missavdh.com 外部リンク、18 歳以上">
    <div className="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/30 via-transparent to-white/10" aria-hidden="true" />

    <div className="relative p-6 sm:p-8">
      <div className="mb-6 flex h-44 items-end justify-center gap-2 sm:mb-8 sm:h-60 sm:gap-3" aria-hidden="true">
        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/1.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=d37ed307acdbc14192592dde26b51ab1" alt="" loading="lazy" className="h-32 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-40 sm:w-28" style={{ transform: 'rotate(-6deg)' }} width="2496" height="3648" data-path="images/cat-ad/1.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/2.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=463f8dce3d9eaea128f060357956642d" alt="" loading="lazy" className="h-36 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-44 sm:w-28" style={{ transform: 'rotate(4deg)' }} width="2496" height="3648" data-path="images/cat-ad/2.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/3.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=fbed39287e2f02a491d968dbfa7ac603" alt="" loading="lazy" className="h-32 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-40 sm:w-28" style={{ transform: 'rotate(-3deg)' }} width="2496" height="3648" data-path="images/cat-ad/3.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/4.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=7c0311a41764d9fc439528e0e6e545f2" alt="" loading="lazy" className="h-36 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-44 sm:w-28" style={{ transform: 'rotate(5deg)' }} width="2496" height="3648" data-path="images/cat-ad/4.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/5.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=9e09b191198b63a2233126e79edf584c" alt="" loading="lazy" className="h-32 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-40 sm:w-28" style={{ transform: 'rotate(-4deg)' }} width="2480" height="3508" data-path="images/cat-ad/5.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/6.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=471ec29753e407cb40faefe54e732c99" alt="" loading="lazy" className="h-36 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-44 sm:w-28" style={{ transform: 'rotate(3deg)' }} width="2496" height="3648" data-path="images/cat-ad/6.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/7.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=8e87e6a8ae8add87b8a3726fde59346e" alt="" loading="lazy" className="h-32 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-40 sm:w-28" style={{ transform: 'rotate(-5deg)' }} width="2496" height="3648" data-path="images/cat-ad/7.jpg" />
      </div>

      <div className="flex flex-col items-stretch gap-4 sm:flex-row sm:items-center sm:gap-6">
        <div className="flex h-16 w-16 flex-shrink-0 self-center items-center justify-center rounded-full bg-white/20 text-4xl backdrop-blur-sm ring-2 ring-white/30 sm:h-20 sm:w-20 sm:text-5xl" aria-hidden="true">
          ✨
        </div>

        <div className="min-w-0 flex-1 text-center sm:text-left">
          <div className="mb-2 flex flex-wrap items-center justify-center gap-2 sm:justify-start">
            <span className="inline-flex items-center gap-1 rounded-full border border-white/40 bg-white/15 px-2 py-0.5 text-[10px] font-bold tracking-wider uppercase backdrop-blur-sm">
              <span className="h-1.5 w-1.5 rounded-full bg-red-300" aria-hidden="true" />

              18+
            </span>

            <span className="text-xs font-medium text-white/80">ライブカタログ · 毎日更新</span>
          </div>

          <div className="text-xl leading-tight font-extrabold sm:text-2xl">
            ライブプレビュー＆即時ダウンロード
          </div>

          <div className="mt-1.5 text-sm leading-relaxed text-white/90 sm:text-base">
            厳選された ComfyUI ワークフロー・モデル・ツール。
          </div>
        </div>

        <div className="inline-flex flex-shrink-0 self-center items-center justify-center gap-2 rounded-full bg-white px-7 py-4 text-base font-bold whitespace-nowrap text-[#49378B] shadow-lg transition-all duration-200 group-hover:gap-3 group-hover:shadow-xl sm:px-8 sm:py-4 sm:text-lg">
          今すぐ見る
          <span className="text-lg transition-transform duration-200 group-hover:translate-x-1" aria-hidden="true">→</span>
        </div>
      </div>
    </div>
  </a>

  <div className="px-4 max-w-5xl mx-auto">
    <p className="mx-auto mb-12 max-w-xl px-4 text-center text-lg text-gray-500 dark:text-zinc-500">
      生成 AI 向け、最も強力なオープンソースのノードベースアプリケーション
    </p>

    {/* Getting Started Section */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">始め方</h2>

      <CardGroup cols={3}>
        <Card title="ダウンロードとインストール" icon="download" href="/ja/installation/system_requirements">
          Windows、macOS、または Linux に ComfyUI をインストール
        </Card>

        <Card title="最初の生成" icon="rocket" href="/ja/get_started/first_generation">
          最初の AI 生成画像を作成
        </Card>

        <Card title="基本概念" icon="lightbulb" href="/ja/development/core-concepts/workflow">
          ワークフロー、ノード、リンクを理解
        </Card>

        <Card title="Comfy ワークフロー" icon="globe" href="https://comfy.org/workflows">
          世界中のトップクリエイターのComfyUIワークフローを見つける
        </Card>
      </CardGroup>
    </div>

    {/* AI Agents & MCP Section */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">AI エージェントと MCP</h2>

      <CardGroup cols={3}>
        <Card title="エージェントツール概要" icon="robot" href="/ja/agent-tools">
          MCP で AI エージェントを接続し、画像・動画・オーディオ・3D を生成
        </Card>

        <Card title="Cloud MCP サーバー" icon="server" href="/ja/agent-tools/mcp">
          cloud.comfy.org のホスト型 MCP — Cloud GPU でワークフローを実行
        </Card>

        <Card title="Comfy CLI" icon="terminal" href="/ja/agent-tools/cli">
          ターミナルから comfy generate（ベータ）でパートナーモデルを呼び出し
        </Card>
      </CardGroup>
    </div>

    {/* Learn & Tutorials Section */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">学習とチュートリアル</h2>

      <CardGroup cols={3}>
        <Card title="インターフェースガイド" icon="window-maximize" href="/ja/interface/overview">
          ComfyUI インターフェースをナビゲート
        </Card>

        <Card title="チュートリアル" icon="book-open" href="/ja/tutorials/basic/text-to-image">
          一般的なタスクのステップバイステップガイド
        </Card>

        <Card title="内蔵ノード" icon="diagram-project" href="/ja/built-in-nodes/overview">
          ComfyUI の各ノードについて学ぶ
        </Card>
      </CardGroup>
    </div>

    {/* Development Section */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">開発と拡張</h2>

      <CardGroup cols={3}>
        <Card title="開発ガイド" icon="code" href="/ja/development/overview">
          ComfyUI 開発に貢献
        </Card>

        <Card title="カスタムノード" icon="puzzle-piece" href="/ja/custom-nodes/overview">
          カスタムノードを作成して公開
        </Card>

        <Card title="ローカル API" icon="terminal" href="/ja/development/comfyui-server/comms_overview">
          ローカル ComfyUI サーバーと統合
        </Card>

        <Card title="Cloud API" icon="cloud" href="/ja/development/cloud/overview">
          ComfyUI Cloud API 経由でワークフローを実行
        </Card>

        <Card title="Cloud API リファレンス" icon="book" href="/ja/development/cloud/api-reference">
          ComfyUI Cloud API リファレンスを確認
        </Card>
      </CardGroup>
    </div>

    {/* Get Help Section */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">ヘルプ</h2>

      <CardGroup cols={3}>
        <Card title="サポートお問い合わせ" icon="headset" href="/ja/support/contact-support">
          サポートチームからヘルプを取得
        </Card>

        <Card title="アカウント管理" icon="user-gear" href="/ja/account/create-account">
          アカウントの作成、ログイン、および管理
        </Card>

        <Card title="請求サポート" icon="credit-card" href="/ja/support/subscription/subscribing">
          サブスクリプションと支払いを管理
        </Card>

        <Card title="トラブルシューティング" icon="circle-question" href="/ja/troubleshooting/overview">
          一般的な問題とエラーを解決
        </Card>

        <Card title="コミュニティ" icon="users" href="/ja/community/links">
          ComfyUI コミュニティに参加
        </Card>
      </CardGroup>
    </div>

    {/* About ComfyUI Section */}

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

      <p className="mb-4">
        <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> および他の<a href="https://github.com/Comfy-Org/ComfyUI/graphs/contributors" className="text-blue-500 dark:text-blue-400 underline hover:text-blue-600 dark:hover:text-blue-500">貢献者</a>によって執筆。
      </p>

      <ul className="list-none space-y-2 max-w-2xl mx-auto">
        <li><strong>ComfyUI</strong> は生成 AI 向けのノードベースインターフェースおよび推論エンジンです</li>
        <li>ユーザーはノードを介してさまざまな AI モデルと操作を組み合わせ、高度にカスタマイズ可能で制御可能なコンテンツ生成を実現できます</li>
        <li>ComfyUI は完全にオープンソースであり、ローカルデバイスで実行できます</li>
      </ul>
    </div>
  </div>
</div>