chore: add fallow dev dependency, scripts, and minimal config

Adds the fallow codebase-intelligence analyzer as a devDependency with
`pnpm fallow` (full scan) and `pnpm fallow:audit` (changed-files gate)
scripts and a minimal .fallowrc.json (entry points + duplicate-clone
threshold). Ignores the .fallow/ cache dir.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

.fallowrc.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "https://raw.githubusercontent.com/fallow-rs/fallow/main/schema.json",
+  "entry": ["src/main.ts", "index.html"],
+  "duplicates": {
+    "minOccurrences": 3,
+    "ignore": ["**/*.generated.*", "**/generatedManagerTypes.ts"]
+  },
+  "rules": {}
+}

.github/workflows/ci-tests-storybook.yaml

@@ -95,7 +95,6 @@ jobs:
     if: |
       github.event_name == 'workflow_dispatch'
       || (github.event_name == 'pull_request'
-          && github.event.pull_request.head.repo.fork == false
           && startsWith(github.head_ref, 'version-bump-')
           && (needs.changes.outputs.storybook-changes == 'true'
               || needs.changes.outputs.app-frontend-changes == 'true'

.github/workflows/ci-vercel-website-preview.yaml

@@ -30,7 +30,7 @@ concurrency:
 
 jobs:
   deploy-preview:
-    if: github.event_name == 'pull_request' && github.event.pull_request.head.repo.fork == false
+    if: github.event_name == 'pull_request'
     runs-on: ubuntu-latest
     permissions:
       contents: read

.github/workflows/ci-website-e2e.yaml

@@ -67,15 +67,7 @@ jobs:
 
       - name: Deploy report to Cloudflare
         id: deploy
-        if: >-
-          ${{
-            always() &&
-            !cancelled() &&
-            (
-              github.event_name != 'pull_request' ||
-              github.event.pull_request.head.repo.fork == false
-            )
-          }}
+        if: always() && !cancelled()
         env:
           CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
           CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}

.github/workflows/cloud-dispatch-build.yaml

@@ -32,13 +32,12 @@ jobs:
     if: >
       github.repository == 'Comfy-Org/ComfyUI_frontend' &&
       (github.event_name != 'pull_request' ||
-       (github.event.pull_request.head.repo.fork == false &&
-        ((github.event.action == 'labeled' &&
-          contains(fromJSON('["preview","preview-cpu","preview-gpu"]'), github.event.label.name)) ||
-         (github.event.action == 'synchronize' &&
-          (contains(github.event.pull_request.labels.*.name, 'preview') ||
-           contains(github.event.pull_request.labels.*.name, 'preview-cpu') ||
-           contains(github.event.pull_request.labels.*.name, 'preview-gpu'))))))
+       (github.event.action == 'labeled' &&
+        contains(fromJSON('["preview","preview-cpu","preview-gpu"]'), github.event.label.name)) ||
+       (github.event.action == 'synchronize' &&
+        (contains(github.event.pull_request.labels.*.name, 'preview') ||
+         contains(github.event.pull_request.labels.*.name, 'preview-cpu') ||
+         contains(github.event.pull_request.labels.*.name, 'preview-gpu'))))
     runs-on: ubuntu-latest
     steps:
       - name: Build client payload

.github/workflows/cloud-dispatch-cleanup.yaml

@@ -21,7 +21,6 @@ jobs:
     # - Preview label specifically removed
     if: >
       github.repository == 'Comfy-Org/ComfyUI_frontend' &&
-      github.event.pull_request.head.repo.fork == false &&
       ((github.event.action == 'closed' &&
         (contains(github.event.pull_request.labels.*.name, 'preview') ||
          contains(github.event.pull_request.labels.*.name, 'preview-cpu') ||

.gitignore

@@ -16,6 +16,7 @@ yarn.lock
 .eslintcache
 .prettiercache
 .stylelintcache
+.fallow/
 
 node_modules
 .pnpm-store

apps/website/public/icons/node-link.svg

@@ -1,3 +1,3 @@
-<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 20 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path id="Vector" d="M20 32V0C20 5.39616 15.5172 9.78053 10 9.78053C4.48276 9.78053 0 5.416 0 0V32C0 26.6038 4.48276 22.2195 10 22.2195C15.5172 22.2195 20 26.6038 20 32Z" fill="var(--fill-0, #F2FF59)"/>
+<svg width="20" height="32" viewBox="0 0 20 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 32V0C20 5.39616 15.5172 9.78053 10 9.78053C4.48276 9.78053 0 5.416 0 0V32C0 26.6038 4.48276 22.2195 10 22.2195C15.5172 22.2195 20 26.6038 20 32Z" fill="#F2FF59"/>
 </svg>

apps/website/src/components/blocks/FAQSplit01.vue

@@ -26,7 +26,7 @@ function toggle(index: number) {
 </script>
 
 <template>
-  <section class="max-w-9xl mx-auto px-6 py-16 lg:py-24">
+  <section class="max-w-9xl mx-auto px-4 py-24 md:px-20 md:py-40">
     <div class="flex flex-col gap-6 md:flex-row md:gap-16">
       <!-- Left heading -->
       <div

apps/website/src/components/blocks/FeatureGrid01.vue

@@ -1,120 +0,0 @@
-<script setup lang="ts">
-import { cn } from '@comfyorg/tailwind-utils'
-
-import type { Component } from 'vue'
-
-import Button from '@/components/ui/button/Button.vue'
-import CopyableField from '@/components/ui/copyable-field/CopyableField.vue'
-
-import SectionHeader from '../common/SectionHeader.vue'
-
-type CardAction =
-  | {
-      type: 'link'
-      label: string
-      href: string
-      target?: '_blank'
-      icon?: Component
-      variant?: 'default' | 'outline'
-    }
-  | { type: 'code'; value: string }
-
-export interface FeatureCard {
-  id: string
-  label?: string
-  title: string
-  description: string
-  action?: CardAction
-}
-
-type ColumnCount = 2 | 3 | 4
-
-const {
-  cards,
-  columns = 3,
-  copiedLabel,
-  copyLabel,
-  eyebrow,
-  heading,
-  subtitle
-} = defineProps<{
-  cards: readonly FeatureCard[]
-  columns?: ColumnCount
-  copiedLabel?: string
-  copyLabel?: string
-  eyebrow?: string
-  heading: string
-  subtitle?: string
-}>()
-
-const columnClass: Record<ColumnCount, string> = {
-  2: 'lg:grid-cols-2',
-  3: 'lg:grid-cols-3',
-  4: 'lg:grid-cols-4'
-}
-</script>
-
-<template>
-  <section class="max-w-9xl mx-auto px-6 py-16 lg:py-24">
-    <SectionHeader :label="eyebrow" align="start">
-      {{ heading }}
-      <template v-if="subtitle" #subtitle>
-        <p class="mt-4 max-w-xl text-sm text-smoke-700 lg:text-base">
-          {{ subtitle }}
-        </p>
-      </template>
-    </SectionHeader>
-
-    <div :class="cn('mt-16 grid grid-cols-1 gap-6', columnClass[columns])">
-      <div
-        v-for="card in cards"
-        :key="card.id"
-        class="bg-transparency-white-t4 flex flex-col rounded-3xl p-6 lg:p-8"
-      >
-        <p
-          v-if="card.label"
-          class="text-primary-comfy-yellow text-xs font-bold tracking-widest uppercase"
-        >
-          {{ card.label }}
-        </p>
-        <h3
-          :class="
-            cn(
-              'text-xl font-light text-primary-comfy-canvas lg:text-2xl',
-              card.label && 'mt-3'
-            )
-          "
-        >
-          {{ card.title }}
-        </h3>
-        <p class="mt-3 text-sm text-smoke-700">
-          {{ card.description }}
-        </p>
-
-        <div v-if="card.action" class="mt-6">
-          <Button
-            v-if="card.action.type === 'link'"
-            as="a"
-            :href="card.action.href"
-            :target="card.action.target"
-            :rel="
-              card.action.target === '_blank'
-                ? 'noopener noreferrer'
-                : undefined
-            "
-            :variant="card.action.variant ?? 'outline'"
-            :append-icon="card.action.icon"
-          >
-            {{ card.action.label }}
-          </Button>
-          <CopyableField
-            v-else
-            :value="card.action.value"
-            :copy-label="copyLabel"
-            :copied-label="copiedLabel"
-          />
-        </div>
-      </div>
-    </div>
-  </section>
-</template>

apps/website/src/components/blocks/FeatureGrid02.vue

@@ -1,100 +0,0 @@
-<script setup lang="ts">
-import Button from '@/components/ui/button/Button.vue'
-
-import SectionHeader from '../common/SectionHeader.vue'
-import NodeUnionIcon from '../icons/NodeUnionIcon.vue'
-
-type Cta = { label: string; href: string; target?: '_blank' }
-
-export interface FeatureStep {
-  id: string
-  number: string
-  title: string
-  description: string
-}
-
-defineProps<{
-  heading: string
-  steps: readonly FeatureStep[]
-  primaryCta?: Cta
-  secondaryCta?: Cta
-}>()
-</script>
-
-<template>
-  <section class="max-w-9xl mx-auto px-6 py-16 lg:py-24">
-    <SectionHeader>{{ heading }}</SectionHeader>
-
-    <!-- Step cards in a row, joined by node-union connectors on desktop -->
-    <div
-      class="mt-12 flex flex-col gap-4 lg:flex-row lg:items-stretch lg:gap-0"
-    >
-      <template v-for="(step, i) in steps" :key="step.id">
-        <div
-          v-if="i > 0"
-          class="relative z-10 -mx-px hidden shrink-0 items-center justify-center self-stretch lg:flex"
-          aria-hidden="true"
-        >
-          <NodeUnionIcon
-            class="text-primary-comfy-yellow size-4 scale-x-150 rotate-90"
-          />
-        </div>
-
-        <div
-          class="border-primary-comfy-yellow flex flex-1 flex-col rounded-[40px] border-2 bg-primary-comfy-ink p-2"
-        >
-          <div class="flex flex-1 flex-col gap-4 p-8">
-            <div>
-              <p
-                class="text-primary-comfy-yellow text-xs font-bold tracking-widest uppercase"
-              >
-                {{ step.number }}
-              </p>
-              <h3
-                class="mt-1 text-2xl font-medium tracking-widest text-primary-comfy-canvas uppercase"
-              >
-                {{ step.title }}
-              </h3>
-            </div>
-            <p class="text-primary-comfy-canvas">
-              {{ step.description }}
-            </p>
-          </div>
-        </div>
-      </template>
-    </div>
-
-    <div
-      v-if="primaryCta || secondaryCta"
-      class="mt-12 flex flex-col items-center gap-4 lg:flex-row lg:justify-center"
-    >
-      <Button
-        v-if="primaryCta"
-        as="a"
-        :href="primaryCta.href"
-        :target="primaryCta.target"
-        :rel="
-          primaryCta.target === '_blank' ? 'noopener noreferrer' : undefined
-        "
-        size="lg"
-        class="w-full lg:w-auto lg:min-w-48"
-      >
-        {{ primaryCta.label }}
-      </Button>
-      <Button
-        v-if="secondaryCta"
-        as="a"
-        :href="secondaryCta.href"
-        :target="secondaryCta.target"
-        :rel="
-          secondaryCta.target === '_blank' ? 'noopener noreferrer' : undefined
-        "
-        variant="outline"
-        size="lg"
-        class="w-full lg:w-auto lg:min-w-48"
-      >
-        {{ secondaryCta.label }}
-      </Button>
-    </div>
-  </section>
-</template>

apps/website/src/components/blocks/FeatureRows01.vue

@@ -1,108 +0,0 @@
-<script setup lang="ts">
-import { cn } from '@comfyorg/tailwind-utils'
-
-import type { Locale } from '../../i18n/translations'
-import GlassCard from '../common/GlassCard.vue'
-import SectionHeader from '../common/SectionHeader.vue'
-import VideoPlayer from '../common/VideoPlayer.vue'
-import type { VideoTrack } from '../common/VideoPlayer.vue'
-
-type RowMedia =
-  | { type: 'image'; src: string; alt?: string }
-  | {
-      type: 'video'
-      src: string
-      // <video> has no native alt; used as the player's accessible label.
-      alt?: string
-      poster?: string
-      tracks?: readonly VideoTrack[]
-      autoplay?: boolean
-      loop?: boolean
-      minimal?: boolean
-      hideControls?: boolean
-    }
-
-export interface FeatureRow {
-  id: string
-  title: string
-  description: string
-  media: RowMedia
-}
-
-const {
-  heading,
-  eyebrow,
-  locale = 'en',
-  rows
-} = defineProps<{
-  heading: string
-  eyebrow?: string
-  locale?: Locale
-  rows: readonly FeatureRow[]
-}>()
-</script>
-
-<template>
-  <section class="max-w-9xl mx-auto px-6 py-16 lg:py-24">
-    <SectionHeader :label="eyebrow" max-width="xl">
-      {{ heading }}
-    </SectionHeader>
-
-    <div class="mt-16 flex flex-col gap-4 lg:gap-6">
-      <GlassCard
-        v-for="(row, i) in rows"
-        :key="row.id"
-        class="flex flex-col gap-8 lg:flex-row lg:items-stretch lg:gap-0"
-      >
-        <!-- Text -->
-        <div
-          :class="
-            cn(
-              'order-2 flex flex-col justify-center gap-4 p-6 lg:w-1/2 lg:p-12',
-              i % 2 === 0 ? 'lg:order-1' : 'lg:order-2'
-            )
-          "
-        >
-          <h3 class="text-2xl font-light text-primary-comfy-canvas lg:text-3xl">
-            {{ row.title }}
-          </h3>
-          <p class="text-sm text-smoke-700 lg:text-base">
-            {{ row.description }}
-          </p>
-        </div>
-
-        <!-- Media: image or video -->
-        <div
-          :class="
-            cn(
-              'order-1 flex lg:w-1/2',
-              i % 2 === 0 ? 'lg:order-2' : 'lg:order-1'
-            )
-          "
-        >
-          <img
-            v-if="row.media.type === 'image'"
-            :src="row.media.src"
-            :alt="row.media.alt ?? row.title"
-            loading="lazy"
-            decoding="async"
-            class="aspect-4/3 w-full rounded-4xl object-cover"
-          />
-          <VideoPlayer
-            v-else
-            :locale="locale"
-            :aria-label="row.media.alt ?? row.title"
-            :src="row.media.src"
-            :poster="row.media.poster"
-            :tracks="row.media.tracks"
-            :autoplay="row.media.autoplay"
-            :loop="row.media.loop"
-            :minimal="row.media.minimal"
-            :hide-controls="row.media.hideControls"
-            class="w-full"
-          />
-        </div>
-      </GlassCard>
-    </div>
-  </section>
-</template>

apps/website/src/components/blocks/HeroSplit01.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { cn } from '@comfyorg/tailwind-utils'
 
-import type { HTMLAttributes } from 'vue'
-
 import type { Locale } from '../../i18n/translations'
 import BrandButton from '../common/BrandButton.vue'
 import ProductHeroBadge from '../common/ProductHeroBadge.vue'
@@ -29,7 +27,6 @@ const {
   badgeLogoAlt,
   title,
   titleHighlight,
-  subtitle,
   features = [],
   primaryCta,
   secondaryCta,
@@ -44,17 +41,14 @@ const {
   videoAutoplay = false,
   videoLoop = false,
   videoMinimal = false,
-  videoHideControls = false,
-  class: className
+  videoHideControls = false
 } = defineProps<{
   locale?: Locale
-  class?: HTMLAttributes['class']
   badgeText: string
   badgeLogoSrc?: string
   badgeLogoAlt?: string
   title: string
   titleHighlight?: string
-  subtitle?: string
   features?: string[]
   primaryCta: Cta
   secondaryCta?: Cta
@@ -78,8 +72,7 @@ const {
     :class="
       cn(
         'max-w-9xl relative mx-auto flex flex-col items-center gap-12 px-6 pt-20 pb-16 md:pt-28 md:pb-24 lg:items-center lg:gap-16 lg:px-16',
-        imagePosition === 'right' ? 'lg:flex-row' : 'lg:flex-row-reverse',
-        className
+        imagePosition === 'right' ? 'lg:flex-row' : 'lg:flex-row-reverse'
       )
     "
   >
@@ -91,7 +84,7 @@ const {
       />
 
       <h1
-        class="mt-8 text-2xl leading-[125%] font-light tracking-[-1.44px] whitespace-pre-line text-primary-comfy-canvas md:text-4xl lg:text-5xl"
+        class="mt-8 text-2xl leading-[125%] font-light tracking-[-1.44px] text-primary-comfy-canvas md:text-4xl lg:text-5xl"
       >
         <template v-if="titleHighlight">
           <span class="text-primary-warm-white">{{ titleHighlight }}</span>
@@ -100,13 +93,6 @@ const {
         <template v-else>{{ title }}</template>
       </h1>
 
-      <p
-        v-if="subtitle"
-        class="mt-6 max-w-xl text-base text-primary-comfy-canvas/80"
-      >
-        {{ subtitle }}
-      </p>
-
       <ul v-if="features.length" class="mt-8 space-y-3">
         <li
           v-for="feature in features"
@@ -141,29 +127,27 @@ const {
     </div>
 
     <div class="order-first w-full lg:order-last lg:flex-1">
-      <slot name="media">
-        <VideoPlayer
-          v-if="videoSrc"
-          :locale
-          :src="videoSrc"
-          :poster="videoPoster"
-          :tracks="videoTracks"
-          :autoplay="videoAutoplay"
-          :loop="videoLoop"
-          :minimal="videoMinimal"
-          :hide-controls="videoHideControls"
-        />
-        <img
-          v-else-if="imageSrc"
-          :src="imageSrc"
-          :alt="imageAlt"
-          :width="imageWidth"
-          :height="imageHeight"
-          fetchpriority="high"
-          decoding="async"
-          class="aspect-4/3 w-full rounded-3xl object-cover"
-        />
-      </slot>
+      <VideoPlayer
+        v-if="videoSrc"
+        :locale
+        :src="videoSrc"
+        :poster="videoPoster"
+        :tracks="videoTracks"
+        :autoplay="videoAutoplay"
+        :loop="videoLoop"
+        :minimal="videoMinimal"
+        :hide-controls="videoHideControls"
+      />
+      <img
+        v-else-if="imageSrc"
+        :src="imageSrc"
+        :alt="imageAlt"
+        :width="imageWidth"
+        :height="imageHeight"
+        fetchpriority="high"
+        decoding="async"
+        class="aspect-4/3 w-full rounded-3xl object-cover"
+      />
     </div>
   </section>
 </template>

apps/website/src/components/blocks/ReasonsSplit01.vue

@@ -1,59 +0,0 @@
-<script setup lang="ts">
-export interface Reason {
-  id: string
-  title: string
-  description: string
-}
-
-const { highlightClass = 'text-white' } = defineProps<{
-  heading: string
-  headingHighlight?: string
-  highlightClass?: string
-  subtitle?: string
-  reasons: readonly Reason[]
-}>()
-</script>
-
-<template>
-  <section
-    class="max-w-9xl mx-auto flex flex-col gap-4 px-6 py-16 lg:flex-row lg:gap-16 lg:py-24"
-  >
-    <!-- Left heading -->
-    <div
-      class="sticky top-20 z-10 w-full shrink-0 self-start bg-primary-comfy-ink py-4 lg:top-28 lg:w-115 lg:py-0"
-    >
-      <h2
-        class="text-4xl/16 font-light whitespace-pre-line text-primary-comfy-canvas lg:text-5xl/16"
-      >
-        {{ heading
-        }}<span v-if="headingHighlight" :class="highlightClass">{{
-          headingHighlight
-        }}</span>
-      </h2>
-      <p v-if="subtitle" class="mt-6 text-sm text-primary-comfy-canvas/70">
-        {{ subtitle }}
-      </p>
-    </div>
-
-    <!-- Right reasons list -->
-    <div class="flex-1">
-      <div
-        v-for="reason in reasons"
-        :key="reason.id"
-        class="flex flex-col gap-4 border-b border-primary-comfy-canvas/20 py-10 first:pt-0 lg:gap-12 xl:flex-row"
-      >
-        <div class="shrink-0 xl:w-84">
-          <h3
-            class="text-2xl font-light whitespace-pre-line text-primary-comfy-canvas"
-          >
-            {{ reason.title }}
-          </h3>
-          <slot name="reason-extra" :reason="reason" />
-        </div>
-        <p class="flex-1 text-sm text-primary-comfy-canvas/70">
-          {{ reason.description }}
-        </p>
-      </div>
-    </div>
-  </section>
-</template>

apps/website/src/components/common/SectionHeader.vue

@@ -7,14 +7,12 @@ const {
   label,
   headingTag = 'h2',
   maxWidth = 'lg',
-  headingSize = 'section',
-  align = 'center'
+  headingSize = 'section'
 } = defineProps<{
   label?: string
   headingTag?: 'h1' | 'h2' | 'h3'
   maxWidth?: 'md' | 'lg' | 'xl'
   headingSize?: 'section' | 'hero'
-  align?: 'center' | 'start'
 }>()
 
 const maxWidthClass = {
@@ -30,14 +28,7 @@ const headingSizeClass = {
 </script>
 
 <template>
-  <div
-    :class="
-      cn(
-        maxWidthClass[maxWidth],
-        align === 'center' ? 'mx-auto text-center' : 'text-left'
-      )
-    "
-  >
+  <div :class="cn('mx-auto text-center', maxWidthClass[maxWidth])">
     <SectionLabel v-if="label">{{ label }}</SectionLabel>
     <component
       :is="headingTag"

apps/website/src/components/common/SiteFooter.vue

@@ -37,8 +37,7 @@ const topColumns: { title: string; links: FooterLink[] }[] = [
       { label: t('nav.comfyLocal', locale), href: routes.download },
       { label: t('nav.comfyCloud', locale), href: routes.cloud },
       { label: t('nav.comfyApi', locale), href: routes.api },
-      { label: t('nav.comfyEnterprise', locale), href: routes.cloudEnterprise },
-      { label: t('nav.mcpServer', locale), href: routes.mcp }
+      { label: t('nav.comfyEnterprise', locale), href: routes.cloudEnterprise }
     ]
   },
   {

apps/website/src/components/ui/copyable-field/CopyableField.vue

@@ -1,37 +0,0 @@
-<script setup lang="ts">
-import { Check, Copy } from '@lucide/vue'
-import { useClipboard } from '@vueuse/core'
-
-// Interactive: the copy button is inert until its host island is hydrated.
-// Render under a `client:*` directive (e.g. `client:visible`) when the page
-// needs it to work.
-const {
-  value,
-  copyLabel = 'Copy',
-  copiedLabel = 'Copied'
-} = defineProps<{ value: string; copyLabel?: string; copiedLabel?: string }>()
-
-const { copy, copied } = useClipboard({ copiedDuring: 2000 })
-
-function handleCopy() {
-  void copy(value)
-}
-</script>
-
-<template>
-  <div
-    class="bg-transparency-white-t4 border-primary-warm-gray flex items-center gap-2 rounded-xl border px-4 py-3"
-  >
-    <span class="flex-1 truncate font-mono text-xs text-primary-comfy-canvas">
-      {{ value }}
-    </span>
-    <button
-      type="button"
-      :aria-label="copied ? copiedLabel : copyLabel"
-      class="text-primary-warm-gray shrink-0 cursor-pointer transition-colors hover:text-primary-comfy-canvas"
-      @click="handleCopy"
-    >
-      <component :is="copied ? Check : Copy" class="size-4" />
-    </button>
-  </div>
-</template>

apps/website/src/config/routes.ts

@@ -19,8 +19,7 @@ const baseRoutes = {
   affiliates: '/affiliates',
   affiliateTerms: '/affiliates/terms',
   contact: '/contact',
-  models: '/p/supported-models',
-  mcp: '/mcp'
+  models: '/p/supported-models'
 } as const
 
 type Routes = typeof baseRoutes
@@ -66,8 +65,6 @@ export const externalLinks = {
   github: 'https://github.com/Comfy-Org/ComfyUI',
   githubInstall: 'https://github.com/Comfy-Org/ComfyUI#installing',
   instagram: 'https://www.instagram.com/comfyui/',
-  mcpServer: 'https://cloud.comfy.org/mcp',
-  mcpSkills: 'https://github.com/Comfy-Org/comfy-skills',
   platform: 'https://platform.comfy.org',
   platformUsage: 'https://platform.comfy.org/profile/usage',
   reddit: 'https://www.reddit.com/r/comfyui/',

apps/website/src/data/learningTutorials.ts

@@ -38,7 +38,7 @@ export const learningTutorials: readonly LearningTutorial[] = [
         label: 'English'
       }
     ],
-    href: 'https://comfy.org/workflows/8f2cf0df5da6-8f2cf0df5da6/',
+    // href: '#',
     tags: [partnerNodesTag, imageToVideoTag]
   },
   {

apps/website/src/data/mainNavigation.ts

@@ -69,19 +69,10 @@ export function getMainNavigation(locale: Locale): NavItem[] {
         {
           header: t('nav.colFeatures', locale),
           items: [
-            {
-              label: t('nav.mcpServer', locale),
-              href: routes.mcp,
-              badge: 'new'
-            },
             // TODO: no page yet — re-enable when landing pages ship
+            // { label: t('nav.mcpServer', locale), href: '#', badge: 'new' },
             // { label: t('nav.appMode', locale), href: '#' },
             // { label: t('nav.agentSkills', locale), href: '#' },
-            {
-              label: t('nav.launches', locale),
-              href: routes.launches,
-              badge: 'new'
-            },
             {
               label: t('nav.docs', locale),
               href: externalLinks.docs,
@@ -189,6 +180,11 @@ export function getMainNavigation(locale: Locale): NavItem[] {
             },
             // TODO: no /brand page yet
             // { label: t('nav.brand', locale), href: '#' },
+            {
+              label: t('nav.launches', locale),
+              href: routes.launches,
+              badge: 'new'
+            },
             {
               label: t('nav.blogs', locale),
               href: externalLinks.blog,

apps/website/src/i18n/translations.ts

@@ -11,16 +11,6 @@ const translations = {
     'zh-CN': '图像生成视频'
   },
 
-  // UI (global, reusable across sections)
-  'ui.copy': {
-    en: 'Copy',
-    'zh-CN': '复制'
-  },
-  'ui.copied': {
-    en: 'Copied',
-    'zh-CN': '已复制'
-  },
-
   // CTAs (global, reusable across sections)
   'cta.tryWorkflow': {
     en: 'Try Workflow',
@@ -1835,311 +1825,6 @@ const translations = {
       '我们尽力为经历面试流程的候选人提供有意义的反馈。由于申请量较大，在简历筛选阶段可能无法提供详细反馈。'
   },
 
-  // MCP – Meta
-  'mcp.meta.title': {
-    en: 'Comfy MCP — Drive ComfyUI from any AI agent',
-    'zh-CN': 'Comfy MCP — 让任何 AI 智能体驱动 ComfyUI'
-  },
-  'mcp.meta.description': {
-    en: 'Comfy MCP exposes the full ComfyUI engine over the Model Context Protocol. Generate images, video, audio, and 3D from Claude Code, Claude Desktop, and any MCP-compatible client.',
-    'zh-CN':
-      'Comfy MCP 通过模型上下文协议暴露完整的 ComfyUI 引擎，可在 Claude Code、Claude Desktop 及任何兼容 MCP 的客户端中生成图像、视频、音频和 3D 内容。'
-  },
-
-  // MCP – HeroSection
-  'mcp.hero.heading': {
-    en: 'Drive ComfyUI from\nany AI agent.',
-    'zh-CN': '让任何 AI 智能体\n驱动 ComfyUI。'
-  },
-  'mcp.hero.subtitle': {
-    en: 'Comfy MCP exposes the full ComfyUI engine over the Model Context Protocol — so your assistant can access the ecosystem, build workflows, and generate images, video, audio, or 3D.',
-    'zh-CN':
-      'Comfy MCP 通过模型上下文协议暴露完整的 ComfyUI 引擎——让你的助手能够接入生态系统、构建工作流，并生成图像、视频、音频或 3D 内容。'
-  },
-  'mcp.hero.demoPrompt': {
-    en: "match this frame's palette, make the hero key art",
-    'zh-CN': '匹配这一帧的配色，生成主视觉关键画面'
-  },
-  'mcp.hero.viewDocs': {
-    en: 'VIEW DOCS',
-    'zh-CN': '查看文档'
-  },
-  'mcp.hero.runWorkflow': {
-    en: 'RUN A WORKFLOW',
-    'zh-CN': '运行工作流'
-  },
-  'mcp.hero.demoGenerate': {
-    en: 'GENERATE',
-    'zh-CN': '生成'
-  },
-  'mcp.hero.demoActionGenerateImage': {
-    en: 'GENERATE-IMAGE',
-    'zh-CN': '生成图像'
-  },
-  'mcp.hero.demoActionGenerate3d': {
-    en: 'GENERATE-3D ASSET',
-    'zh-CN': '生成 3D 资产'
-  },
-  'mcp.hero.demoActionUpscale': {
-    en: 'UPSCALE-IMAGE',
-    'zh-CN': '放大图像'
-  },
-
-  // MCP – SetupStepsSection
-  'mcp.setup.label': {
-    en: 'GET STARTED',
-    'zh-CN': '快速开始'
-  },
-  'mcp.setup.heading': {
-    en: 'Set up Comfy MCP in three steps',
-    'zh-CN': '三步完成 Comfy MCP 配置'
-  },
-  'mcp.setup.subtitle': {
-    en: 'Add Comfy Cloud as a custom connector in Claude, Cursor, Codex, or any MCP-compatible client. Sign in once, and the full ComfyUI toolset is available right in your chat.',
-    'zh-CN':
-      '将 Comfy Cloud 添加为 Claude、Cursor、Codex 或任意兼容 MCP 客户端的自定义连接器。登录一次，ComfyUI 全套工具即可直接在对话中使用。'
-  },
-  'mcp.setup.step1.label': { en: 'STEP 1', 'zh-CN': '第 1 步' },
-  'mcp.setup.step1.title': {
-    en: 'Copy the MCP URL',
-    'zh-CN': '复制 MCP URL'
-  },
-  'mcp.setup.step1.description': {
-    en: "Click the copy button below. You'll paste it into your client in the next step.",
-    'zh-CN': '点击下方的复制按钮，下一步将其粘贴到你的客户端中。'
-  },
-  'mcp.setup.step2.label': { en: 'STEP 2', 'zh-CN': '第 2 步' },
-  'mcp.setup.step2.title': {
-    en: 'Add the connector',
-    'zh-CN': '添加连接器'
-  },
-  'mcp.setup.step2.description': {
-    en: 'Name it Comfy Cloud and paste the URL. The docs below cover every client.',
-    'zh-CN': '将其命名为 Comfy Cloud 并粘贴 URL。下方文档涵盖各类客户端。'
-  },
-  'mcp.setup.step2.cta': {
-    en: 'COMFY CLOUD MCP DOCS',
-    'zh-CN': 'COMFY CLOUD MCP 文档'
-  },
-  'mcp.setup.step3.label': { en: 'STEP 3', 'zh-CN': '第 3 步' },
-  'mcp.setup.step3.title': {
-    en: 'Connect and sign in',
-    'zh-CN': '连接并登录'
-  },
-  'mcp.setup.step3.description': {
-    en: 'Click Connect, sign in, and every Comfy Cloud skill is ready in your client.',
-    'zh-CN': '点击"连接"并登录，所有 Comfy Cloud 技能即可在你的客户端中使用。'
-  },
-  'mcp.setup.step3.cta': {
-    en: 'COMFY CLOUD SKILLS',
-    'zh-CN': 'COMFY CLOUD 技能'
-  },
-
-  // MCP – WhyBuildSection
-  'mcp.why.heading': {
-    en: 'Why build on\n',
-    'zh-CN': '为什么选择\n'
-  },
-  'mcp.why.headingHighlight': {
-    en: 'Comfy MCP?',
-    'zh-CN': 'Comfy MCP？'
-  },
-  'mcp.why.subtitle': {
-    en: 'A trusted infrastructure that lets engineers and professionals ship faster.',
-    'zh-CN': '一套值得信赖的基础设施，让工程师和专业人士交付更快。'
-  },
-  'mcp.why.1.title': {
-    en: 'Open protocol,\nany client.',
-    'zh-CN': '开放协议，\n任意客户端。'
-  },
-  'mcp.why.1.description': {
-    en: 'MCP is an open standard, so any MCP-compatible client can connect. Today Comfy supports Claude Code and Claude Desktop, with more clients coming.',
-    'zh-CN':
-      'MCP 是开放标准，因此任何兼容 MCP 的客户端都能接入。目前 Comfy 支持 Claude Code 和 Claude Desktop，更多客户端即将推出。'
-  },
-  'mcp.why.2.title': {
-    en: 'The full engine,\nnot a sandbox.',
-    'zh-CN': '完整引擎，\n非沙箱环境。'
-  },
-  'mcp.why.2.description': {
-    en: 'Same tool your team uses. Fully connected multi-step, multi-GPU workflows. Everything available now and in the future.',
-    'zh-CN':
-      '与你团队使用的相同工具。完整连接的多步骤、多 GPU 工作流。当前及未来的所有功能均可使用。'
-  },
-  'mcp.why.3.title': {
-    en: 'Outputs you keep.',
-    'zh-CN': '输出归你所有。'
-  },
-  'mcp.why.3.description': {
-    en: 'Downloads go to your Comfy library — store, reuse, remix, and share without leaving the ecosystem.',
-    'zh-CN':
-      '下载内容保存到你的 Comfy 库——在生态系统内存储、复用、二次创作和分享。'
-  },
-  'mcp.why.4.title': {
-    en: 'Powered by\nComfy Cloud.',
-    'zh-CN': '由 Comfy Cloud\n提供支持。'
-  },
-  'mcp.why.4.description': {
-    en: 'Run without a local GPU through the same infrastructure your team already trusts.',
-    'zh-CN': '无需本地 GPU，通过你团队信赖的相同基础设施运行。'
-  },
-
-  // MCP – ToolsSection
-  'mcp.tools.heading': {
-    en: 'Everything ComfyUI can do,\nnow available as tools.',
-    'zh-CN': 'ComfyUI 能做的一切，\n现在都可作为工具调用。'
-  },
-  'mcp.tools.1.title': {
-    en: 'Generate anything',
-    'zh-CN': '生成任意内容'
-  },
-  'mcp.tools.1.description': {
-    en: 'Generate images, video, audio, 3D, upscale, or remove backgrounds. Add or remove elements in images, create or modify any visual, audio, or 3D asset at any scale.',
-    'zh-CN':
-      '生成图像、视频、音频、3D 内容，放大分辨率或移除背景。添加或删除图像元素，以任意规模创建或修改任何视觉、音频或 3D 资产。'
-  },
-  'mcp.tools.1.alt': {
-    en: 'Comfy MCP generating images, video, audio, and 3D assets from a single prompt',
-    'zh-CN': 'Comfy MCP 通过单个提示生成图像、视频、音频和 3D 资产'
-  },
-  'mcp.tools.2.title': {
-    en: 'Search the ecosystem',
-    'zh-CN': '搜索生态系统'
-  },
-  'mcp.tools.2.description': {
-    en: 'Query thousands of models, browse rankings, and choose workflow templates straight from your response.',
-    'zh-CN': '查询数千个模型，浏览排名，直接在对话中选择工作流模板。'
-  },
-  'mcp.tools.2.alt': {
-    en: 'Comfy MCP searching the ecosystem of models, rankings, and workflow templates',
-    'zh-CN': 'Comfy MCP 搜索模型、排名和工作流模板的生态系统'
-  },
-  'mcp.tools.3.title': {
-    en: 'Run real workflows',
-    'zh-CN': '运行真实工作流'
-  },
-  'mcp.tools.3.description': {
-    en: 'Turn any ComfyUI workflow into a callable tool. The full power of the engine, driven by your agent.',
-    'zh-CN':
-      '将任何 ComfyUI 工作流转换为可调用的工具。由你的智能体驱动完整的引擎能力。'
-  },
-  'mcp.tools.3.alt': {
-    en: 'Comfy MCP running a ComfyUI workflow as a callable tool from a chat',
-    'zh-CN': 'Comfy MCP 在对话中将 ComfyUI 工作流作为可调用工具运行'
-  },
-
-  // MCP – HowItWorksSection
-  'mcp.howItWorks.heading': {
-    en: 'How it works',
-    'zh-CN': '工作原理'
-  },
-  'mcp.howItWorks.step1.number': { en: '01', 'zh-CN': '01' },
-  'mcp.howItWorks.step1.title': {
-    en: 'CONNECT',
-    'zh-CN': '连接'
-  },
-  'mcp.howItWorks.step1.description': {
-    en: 'Add the Comfy Cloud MCP server to Claude Code or Claude Desktop and sign in once with OAuth. No API keys to manage.',
-    'zh-CN':
-      '将 Comfy Cloud MCP 服务器添加到 Claude Code 或 Claude Desktop，通过 OAuth 一次性登录。无需管理 API 密钥。'
-  },
-  'mcp.howItWorks.step2.number': { en: '02', 'zh-CN': '02' },
-  'mcp.howItWorks.step2.title': {
-    en: 'DISCOVER',
-    'zh-CN': '发现'
-  },
-  'mcp.howItWorks.step2.description': {
-    en: "Your agent gets Comfy's tools: search, generate, submit, and retrieve — everything it needs to create.",
-    'zh-CN':
-      '你的智能体获得 Comfy 的工具：搜索、生成、提交和获取——一切所需，应有尽有。'
-  },
-  'mcp.howItWorks.step3.number': { en: '03', 'zh-CN': '03' },
-  'mcp.howItWorks.step3.title': {
-    en: 'CREATE',
-    'zh-CN': '创作'
-  },
-  'mcp.howItWorks.step3.description': {
-    en: 'Request what you want, the agent queues and runs the workflow, and returns the finished result.',
-    'zh-CN': '描述你的需求，智能体排队执行工作流，并返回最终结果。'
-  },
-
-  // MCP – FAQSection
-  'mcp.faq.heading': {
-    en: 'Q&As',
-    'zh-CN': '常见问答'
-  },
-  'mcp.faq.1.q': {
-    en: 'Which clients are supported?',
-    'zh-CN': '支持哪些客户端？'
-  },
-  'mcp.faq.1.a': {
-    en: 'Claude Code and Claude Desktop today, both signing in with OAuth. Support for more clients is coming.',
-    'zh-CN':
-      '目前支持 Claude Code 和 Claude Desktop，均通过 OAuth 登录。更多客户端的支持即将推出。'
-  },
-  'mcp.faq.2.q': {
-    en: 'Do I need an API key?',
-    'zh-CN': '我需要 API 密钥吗？'
-  },
-  'mcp.faq.2.a': {
-    en: 'Not for Claude Code or Claude Desktop. They use OAuth. An API key is only needed for headless or CI setups with no browser.',
-    'zh-CN':
-      'Claude Code 和 Claude Desktop 不需要，它们使用 OAuth。仅在没有浏览器的无头或 CI 环境中才需要 API 密钥。'
-  },
-  'mcp.faq.3.q': {
-    en: 'Do the slash commands work in Claude Desktop?',
-    'zh-CN': '斜杠命令在 Claude Desktop 中可以使用吗？'
-  },
-  'mcp.faq.3.a': {
-    en: 'No. They ship in the Claude Code plugin. Desktop connects to the same MCP server, so the tools work; just ask in plain language.',
-    'zh-CN':
-      '不可以。斜杠命令包含在 Claude Code 插件中。Claude Desktop 连接的是同一个 MCP 服务器，因此工具可以正常使用；直接用自然语言提问即可。'
-  },
-  'mcp.faq.4.q': {
-    en: "The sign-in didn't open a browser.",
-    'zh-CN': '登录时没有打开浏览器。'
-  },
-  'mcp.faq.4.a': {
-    en: 'In Claude Code, run /mcp, select comfy-cloud, and choose Authenticate. In Claude Desktop, reopen the connector from Customize → Connectors.',
-    'zh-CN':
-      '在 Claude Code 中，运行 /mcp，选择 comfy-cloud，然后选择 Authenticate（授权）。在 Claude Desktop 中，从“自定义 → 连接器”重新打开该连接器。'
-  },
-  'mcp.faq.5.q': {
-    en: 'How do I connect in Claude Code?',
-    'zh-CN': '如何在 Claude Code 中连接？'
-  },
-  'mcp.faq.5.a': {
-    en: 'Add the marketplace and install the comfy-cloud plugin, then run /mcp → comfy-cloud → Authenticate. It adds the connection and slash commands in one step.',
-    'zh-CN':
-      '添加插件市场并安装 comfy-cloud 插件，然后运行 /mcp → comfy-cloud → Authenticate（授权）。一步即可添加连接和斜杠命令。'
-  },
-  'mcp.faq.6.q': {
-    en: "What's the server URL for Claude Desktop?",
-    'zh-CN': 'Claude Desktop 的服务器 URL 是什么？'
-  },
-  'mcp.faq.6.a': {
-    en: 'Add a custom connector in Customize → Connectors pointing to https://cloud.comfy.org/mcp, then sign in when prompted.',
-    'zh-CN':
-      '在“自定义 → 连接器”中添加一个指向 https://cloud.comfy.org/mcp 的自定义连接器，然后在提示时登录。'
-  },
-  'mcp.faq.7.q': {
-    en: 'What can my agent do once connected?',
-    'zh-CN': '连接后我的智能体能做什么？'
-  },
-  'mcp.faq.7.a': {
-    en: 'Generate images, video, audio, and 3D; search models, nodes, and templates; and run ComfyUI workflows, all from a chat.',
-    'zh-CN':
-      '生成图像、视频、音频和 3D；搜索模型、节点和模板；并运行 ComfyUI 工作流——全部在对话中完成。'
-  },
-  'mcp.faq.8.q': {
-    en: 'Is it generally available?',
-    'zh-CN': '现已正式发布了吗？'
-  },
-  'mcp.faq.8.a': {
-    en: 'Comfy Cloud MCP is in open beta and available to everyone.',
-    'zh-CN': 'Comfy Cloud MCP 目前处于公开测试阶段，所有人均可使用。'
-  },
-
   // SiteNav
   'nav.products': { en: 'Products', 'zh-CN': '产品' },
   'nav.pricing': { en: 'Pricing', 'zh-CN': '价格' },
@@ -2182,7 +1867,6 @@ const translations = {
   'nav.back': { en: 'BACK', 'zh-CN': '返回' },
   'nav.badgeNew': { en: 'NEW', 'zh-CN': '新' },
   // Column headers used in HeaderMainDesktop dropdowns
-  'nav.mcpServer': { en: 'Comfy MCP', 'zh-CN': 'Comfy MCP' },
   'nav.colFeatures': { en: 'Features', 'zh-CN': '功能' },
   'nav.colPrograms': { en: 'Programs', 'zh-CN': '项目' },
   'nav.colConnect': { en: 'Connect', 'zh-CN': '联系' },

apps/website/src/pages/mcp.astro

@@ -1,24 +0,0 @@
----
-import BaseLayout from '../layouts/BaseLayout.astro'
-import ProductCardsSection from '../components/common/ProductCardsSection.vue'
-import HeroSection from '../templates/mcp/HeroSection.vue'
-import SetupSection from '../templates/mcp/SetupSection.vue'
-import WhySection from '../templates/mcp/WhySection.vue'
-import ToolsSection from '../templates/mcp/ToolsSection.vue'
-import HowItWorksSection from '../templates/mcp/HowItWorksSection.vue'
-import FAQSection from '../templates/mcp/FAQSection.vue'
-import { t } from '../i18n/translations'
----
-
-<BaseLayout
-  title={t('mcp.meta.title', 'en')}
-  description={t('mcp.meta.description', 'en')}
->
-  <HeroSection locale="en" client:load />
-  <SetupSection locale="en" client:visible />
-  <WhySection locale="en" />
-  <ToolsSection locale="en" />
-  <HowItWorksSection locale="en" />
-  <ProductCardsSection locale="en" label-key="products.labelProducts" />
-  <FAQSection client:visible locale="en" />
-</BaseLayout>

apps/website/src/pages/zh-CN/mcp.astro

@@ -1,24 +0,0 @@
----
-import BaseLayout from '../../layouts/BaseLayout.astro'
-import ProductCardsSection from '../../components/common/ProductCardsSection.vue'
-import HeroSection from '../../templates/mcp/HeroSection.vue'
-import SetupSection from '../../templates/mcp/SetupSection.vue'
-import WhySection from '../../templates/mcp/WhySection.vue'
-import ToolsSection from '../../templates/mcp/ToolsSection.vue'
-import HowItWorksSection from '../../templates/mcp/HowItWorksSection.vue'
-import FAQSection from '../../templates/mcp/FAQSection.vue'
-import { t } from '../../i18n/translations'
----
-
-<BaseLayout
-  title={t('mcp.meta.title', 'zh-CN')}
-  description={t('mcp.meta.description', 'zh-CN')}
->
-  <HeroSection locale="zh-CN" client:load />
-  <SetupSection locale="zh-CN" client:visible />
-  <WhySection locale="zh-CN" />
-  <ToolsSection locale="zh-CN" />
-  <HowItWorksSection locale="zh-CN" />
-  <ProductCardsSection locale="zh-CN" label-key="products.labelProducts" />
-  <FAQSection client:visible locale="zh-CN" />
-</BaseLayout>

apps/website/src/styles/global.css

@@ -162,45 +162,6 @@
   animation: ripple-effect 4s linear infinite;
 }
 
-@keyframes cursor-blink {
-  0%,
-  100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0;
-  }
-}
-
-@utility animate-cursor-blink {
-  animation: cursor-blink 1s step-end infinite;
-}
-
-.card-slide-enter-active {
-  transition:
-    transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-    opacity 0.4s ease;
-}
-
-.card-slide-enter-from {
-  transform: translateX(56px);
-  opacity: 0;
-}
-
-/* Existing cards slide down smoothly when a new card is prepended. */
-.card-slide-move {
-  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-}
-
-.card-slide-leave-active {
-  transition: opacity 0.2s ease;
-}
-
-.card-slide-leave-to {
-  opacity: 0;
-}
-
 @utility animate-delay-* {
   animation-delay: --value([*]);
 }

apps/website/src/templates/mcp/ComfyMcpDemo.vue

@@ -1,195 +0,0 @@
-<script setup lang="ts">
-import { Check } from '@lucide/vue'
-import { computed, onMounted, onUnmounted, ref } from 'vue'
-
-import type { Locale } from '../../i18n/translations'
-import { t } from '../../i18n/translations'
-
-const { locale = 'en' } = defineProps<{ locale?: Locale }>()
-
-const PROMPT = t('mcp.hero.demoPrompt', locale)
-const generateLabel = t('mcp.hero.demoGenerate', locale)
-
-const cards = [
-  {
-    actionKey: 'mcp.hero.demoActionGenerateImage',
-    file: 'moodboard_v1.png · 6-up',
-    tag: 'Gmail',
-    thumb: '/images/mcp/mcp-thumb-moodboard.webp'
-  },
-  {
-    actionKey: 'mcp.hero.demoActionGenerateImage',
-    file: 'concepts_01–03.png',
-    tag: 'Notion',
-    thumb: '/images/mcp/mcp-thumb-concepts.webp'
-  },
-  {
-    actionKey: 'mcp.hero.demoActionGenerateImage',
-    file: 'hero_keyart.png',
-    tag: 'Figma',
-    thumb: '/images/mcp/mcp-thumb-keyart.webp'
-  },
-  {
-    actionKey: 'mcp.hero.demoActionGenerate3d',
-    file: 'asphalt_pbr/ · 5 maps',
-    tag: 'Blender',
-    thumb: '/images/mcp/mcp-thumb-asphalt.webp'
-  },
-  {
-    actionKey: 'mcp.hero.demoActionUpscale',
-    file: 'kaiju_neon_4k.png · 4096',
-    tag: null,
-    thumb: '/images/mcp/mcp-thumb-kaiju.webp'
-  }
-] as const
-
-const visibleCount = ref(0)
-const displayedPrompt = ref('')
-const promptDone = ref(false)
-
-const displayedCards = computed(() =>
-  cards
-    .slice(0, visibleCount.value)
-    .map((card) => ({ ...card, action: t(card.actionKey, locale) }))
-    // Newest card first — it slides in right below the prompt box and pushes
-    // the rest down.
-    .reverse()
-)
-
-let timer: ReturnType<typeof setTimeout> | null = null
-let active = false
-
-function schedule(fn: () => void, ms: number) {
-  timer = setTimeout(() => {
-    if (active) fn()
-  }, ms)
-}
-
-function typePrompt(onDone: () => void) {
-  displayedPrompt.value = ''
-  promptDone.value = false
-  let i = 0
-
-  function step() {
-    i++
-    displayedPrompt.value = PROMPT.slice(0, i)
-    if (i < PROMPT.length) {
-      schedule(step, 35)
-    } else {
-      promptDone.value = true
-      schedule(onDone, 350)
-    }
-  }
-
-  schedule(step, 50)
-}
-
-function revealNextCard() {
-  if (visibleCount.value >= cards.length) {
-    // All done — pause then reset
-    schedule(() => {
-      visibleCount.value = 0
-      schedule(revealNextCard, 500)
-    }, 2500)
-    return
-  }
-
-  // Type the prompt, then slide in the next card
-  typePrompt(() => {
-    visibleCount.value++
-    schedule(revealNextCard, 400)
-  })
-}
-
-onMounted(() => {
-  active = true
-  schedule(revealNextCard, 600)
-})
-
-onUnmounted(() => {
-  active = false
-  if (timer) clearTimeout(timer)
-})
-</script>
-
-<template>
-  <div class="flex flex-col gap-6 max-lg:h-[50vh]">
-    <!-- Prompt panel -->
-    <div
-      class="rounded-5xl flex flex-col justify-between gap-8 overflow-hidden bg-white/4 p-8"
-    >
-      <p
-        class="font-formula text-[17px] leading-relaxed font-light text-primary-comfy-canvas"
-      >
-        {{ displayedPrompt
-        }}<span
-          class="bg-primary-comfy-yellow ml-0.5 inline-block h-5.5 w-2 translate-y-0.5"
-          :class="promptDone ? 'animate-cursor-blink' : ''"
-        />
-      </p>
-
-      <div class="flex items-center gap-3">
-        <div class="h-px flex-1 bg-white/10" />
-        <div
-          class="bg-primary-comfy-yellow font-formula rounded-2xl px-4 py-3 text-sm font-extrabold tracking-[0.7px] text-primary-comfy-ink uppercase"
-        >
-          {{ generateLabel }}
-        </div>
-      </div>
-    </div>
-
-    <!-- Cards accumulate — each slides in from the right after its prompt cycle -->
-    <div class="relative overflow-hidden max-lg:min-h-0 max-lg:flex-1">
-      <TransitionGroup
-        name="card-slide"
-        tag="div"
-        class="flex flex-col gap-2.5 max-lg:absolute max-lg:inset-x-0 max-lg:top-0"
-      >
-        <div
-          v-for="(card, i) in displayedCards"
-          :key="card.file"
-          class="flex items-center gap-3.5 overflow-hidden rounded-3xl px-4 py-3.5"
-          :class="i === 0 ? 'bg-white/8' : 'bg-white/4'"
-        >
-          <img
-            :src="card.thumb"
-            :alt="card.action"
-            class="size-13.5 shrink-0 rounded-[14px] object-cover"
-          />
-
-          <div class="flex min-w-0 flex-1 flex-col gap-1">
-            <p
-              class="font-formula text-primary-comfy-yellow text-xs font-extrabold tracking-[0.7px] uppercase"
-            >
-              {{ card.action }}
-            </p>
-            <p
-              class="font-formula truncate text-sm font-light text-primary-comfy-canvas"
-            >
-              {{ card.file }}
-            </p>
-          </div>
-
-          <span
-            v-if="card.tag"
-            class="font-formula relative isolate inline-flex h-8 shrink-0 items-center justify-center overflow-visible bg-transparent px-5 text-sm font-extrabold tracking-[0.7px] text-white/60 uppercase before:absolute before:inset-0 before:-z-10 before:-skew-x-12 before:rounded-sm before:bg-white/20"
-          >
-            <span class="ppformula-text-center">
-              {{ card.tag }}
-            </span>
-          </span>
-
-          <Check
-            class="size-4 shrink-0 text-primary-comfy-canvas/60"
-            :stroke-width="1.5"
-          />
-        </div>
-      </TransitionGroup>
-
-      <!-- Bottom fade so accumulating cards dissolve into the page background -->
-      <div
-        class="pointer-events-none absolute inset-x-0 bottom-0 z-10 h-32 bg-linear-to-t from-primary-comfy-ink to-transparent lg:hidden"
-      />
-    </div>
-  </div>
-</template>

apps/website/src/templates/mcp/FAQSection.vue

@@ -1,19 +0,0 @@
-<script setup lang="ts">
-import FAQSplit01 from '../../components/blocks/FAQSplit01.vue'
-import type { Locale } from '../../i18n/translations'
-import { t } from '../../i18n/translations'
-
-const { locale = 'en' } = defineProps<{ locale?: Locale }>()
-
-const faqNumbers = [1, 2, 3, 4, 5, 6, 7, 8] as const
-
-const faqs = faqNumbers.map((n) => ({
-  id: String(n),
-  question: t(`mcp.faq.${n}.q`, locale),
-  answer: t(`mcp.faq.${n}.a`, locale)
-}))
-</script>
-
-<template>
-  <FAQSplit01 :heading="t('mcp.faq.heading', locale)" :faqs="faqs" />
-</template>

apps/website/src/templates/mcp/HeroSection.vue

@@ -1,27 +0,0 @@
-<script setup lang="ts">
-import HeroSplit01 from '../../components/blocks/HeroSplit01.vue'
-import type { Locale } from '../../i18n/translations'
-import { t } from '../../i18n/translations'
-import ComfyMcpDemo from './ComfyMcpDemo.vue'
-import { mcpCtas } from './ctas'
-
-const { locale = 'en' } = defineProps<{ locale?: Locale }>()
-
-const ctas = mcpCtas(locale)
-</script>
-
-<template>
-  <HeroSplit01
-    :locale="locale"
-    class="min-h-screen"
-    badge-text="MCP"
-    :title="t('mcp.hero.heading', locale)"
-    :subtitle="t('mcp.hero.subtitle', locale)"
-    :primary-cta="ctas.runWorkflow"
-    :secondary-cta="ctas.docs"
-  >
-    <template #media>
-      <ComfyMcpDemo :locale="locale" />
-    </template>
-  </HeroSplit01>
-</template>

apps/website/src/templates/mcp/HowItWorksSection.vue

@@ -1,29 +0,0 @@
-<script setup lang="ts">
-import FeatureGrid02 from '../../components/blocks/FeatureGrid02.vue'
-import type { FeatureStep } from '../../components/blocks/FeatureGrid02.vue'
-import type { Locale } from '../../i18n/translations'
-import { t } from '../../i18n/translations'
-import { mcpCtas } from './ctas'
-
-const { locale = 'en' } = defineProps<{ locale?: Locale }>()
-
-const ctas = mcpCtas(locale)
-
-const stepNumbers = [1, 2, 3] as const
-
-const steps: FeatureStep[] = stepNumbers.map((n) => ({
-  id: String(n),
-  number: t(`mcp.howItWorks.step${n}.number`, locale),
-  title: t(`mcp.howItWorks.step${n}.title`, locale),
-  description: t(`mcp.howItWorks.step${n}.description`, locale)
-}))
-</script>
-
-<template>
-  <FeatureGrid02
-    :heading="t('mcp.howItWorks.heading', locale)"
-    :steps="steps"
-    :primary-cta="ctas.runWorkflow"
-    :secondary-cta="ctas.docs"
-  />
-</template>

apps/website/src/templates/mcp/SetupSection.vue

@@ -1,64 +0,0 @@
-<script setup lang="ts">
-import { ArrowUpRight } from '@lucide/vue'
-
-import FeatureGrid01 from '../../components/blocks/FeatureGrid01.vue'
-import type { FeatureCard } from '../../components/blocks/FeatureGrid01.vue'
-import { externalLinks } from '../../config/routes'
-import type { Locale } from '../../i18n/translations'
-import { t } from '../../i18n/translations'
-
-const { locale = 'en' } = defineProps<{ locale?: Locale }>()
-
-const cards: FeatureCard[] = [
-  {
-    id: 'step1',
-    label: t('mcp.setup.step1.label', locale),
-    title: t('mcp.setup.step1.title', locale),
-    description: t('mcp.setup.step1.description', locale),
-    action: {
-      type: 'code',
-      value: externalLinks.mcpServer
-    }
-  },
-  {
-    id: 'step2',
-    label: t('mcp.setup.step2.label', locale),
-    title: t('mcp.setup.step2.title', locale),
-    description: t('mcp.setup.step2.description', locale),
-    action: {
-      type: 'link',
-      label: t('mcp.setup.step2.cta', locale),
-      href: externalLinks.docsMcp,
-      target: '_blank',
-      icon: ArrowUpRight,
-      variant: 'default'
-    }
-  },
-  {
-    id: 'step3',
-    label: t('mcp.setup.step3.label', locale),
-    title: t('mcp.setup.step3.title', locale),
-    description: t('mcp.setup.step3.description', locale),
-    action: {
-      type: 'link',
-      label: t('mcp.setup.step3.cta', locale),
-      href: externalLinks.mcpSkills,
-      target: '_blank',
-      icon: ArrowUpRight,
-      variant: 'default'
-    }
-  }
-]
-</script>
-
-<template>
-  <FeatureGrid01
-    :eyebrow="t('mcp.setup.label', locale)"
-    :heading="t('mcp.setup.heading', locale)"
-    :subtitle="t('mcp.setup.subtitle', locale)"
-    :columns="3"
-    :cards="cards"
-    :copy-label="t('ui.copy', locale)"
-    :copied-label="t('ui.copied', locale)"
-  />
-</template>

apps/website/src/templates/mcp/ToolsSection.vue

@@ -1,66 +0,0 @@
-<script setup lang="ts">
-import FeatureRows01 from '../../components/blocks/FeatureRows01.vue'
-import type { FeatureRow } from '../../components/blocks/FeatureRows01.vue'
-import type { Locale, TranslationKey } from '../../i18n/translations'
-import { t } from '../../i18n/translations'
-
-const { locale = 'en' } = defineProps<{ locale?: Locale }>()
-
-type ToolMedia =
-  | { type: 'image'; src: string }
-  | {
-      type: 'video'
-      src: string
-      autoplay?: boolean
-      loop?: boolean
-      hideControls?: boolean
-    }
-
-const tools: { n: 1 | 2 | 3; media: ToolMedia; altKey?: TranslationKey }[] = [
-  {
-    n: 1,
-    media: {
-      type: 'image',
-      src: 'https://media.comfy.org/website/mcp/generate-everything.gif'
-    },
-    altKey: 'mcp.tools.1.alt'
-  },
-  {
-    n: 2,
-    media: {
-      type: 'image',
-      src: 'https://media.comfy.org/website/mcp/search-ecosystem.png'
-    },
-    altKey: 'mcp.tools.2.alt'
-  },
-  {
-    n: 3,
-    media: {
-      type: 'video',
-      src: 'https://media.comfy.org/website/mcp/run-real-workflows.mp4',
-      autoplay: true,
-      loop: true,
-      hideControls: true
-    },
-    altKey: 'mcp.tools.3.alt'
-  }
-]
-
-const rows: FeatureRow[] = tools.map(({ n, media, altKey }) => {
-  const alt = altKey ? t(altKey, locale) : undefined
-  return {
-    id: String(n),
-    title: t(`mcp.tools.${n}.title`, locale),
-    description: t(`mcp.tools.${n}.description`, locale),
-    media: { ...media, alt }
-  }
-})
-</script>
-
-<template>
-  <FeatureRows01
-    :locale="locale"
-    :heading="t('mcp.tools.heading', locale)"
-    :rows="rows"
-  />
-</template>

apps/website/src/templates/mcp/WhySection.vue

@@ -1,26 +0,0 @@
-<script setup lang="ts">
-import ReasonsSplit01 from '../../components/blocks/ReasonsSplit01.vue'
-import type { Reason } from '../../components/blocks/ReasonsSplit01.vue'
-import type { Locale } from '../../i18n/translations'
-import { t } from '../../i18n/translations'
-
-const { locale = 'en' } = defineProps<{ locale?: Locale }>()
-
-const reasonNumbers = [1, 2, 3, 4] as const
-
-const reasons: Reason[] = reasonNumbers.map((n) => ({
-  id: String(n),
-  title: t(`mcp.why.${n}.title`, locale),
-  description: t(`mcp.why.${n}.description`, locale)
-}))
-</script>
-
-<template>
-  <ReasonsSplit01
-    :heading="t('mcp.why.heading', locale)"
-    :heading-highlight="t('mcp.why.headingHighlight', locale)"
-    highlight-class="text-primary-comfy-yellow"
-    :subtitle="t('mcp.why.subtitle', locale)"
-    :reasons="reasons"
-  />
-</template>

apps/website/src/templates/mcp/ctas.ts

@@ -1,27 +0,0 @@
-import { externalLinks, getRoutes } from '../../config/routes'
-import type { Locale } from '../../i18n/translations'
-import { t } from '../../i18n/translations'
-
-export interface McpCta {
-  label: string
-  href: string
-  target?: '_blank'
-}
-
-/**
- * The two calls-to-action shared by the MCP hero and "how it works" sections:
- * view the docs, or run a workflow in the cloud.
- */
-export function mcpCtas(locale: Locale): { docs: McpCta; runWorkflow: McpCta } {
-  return {
-    docs: {
-      label: t('mcp.hero.viewDocs', locale),
-      href: externalLinks.docsMcp,
-      target: '_blank'
-    },
-    runWorkflow: {
-      label: t('mcp.hero.runWorkflow', locale),
-      href: getRoutes(locale).cloud
-    }
-  }
-}

package.json

@@ -29,6 +29,8 @@
     "dev:test": "cross-env VITE_USE_LEGACY_DEFAULT_GRAPH=true vite --config vite.config.mts",
     "dev": "vite --config vite.config.mts",
     "devtools:pycheck": "python3 -m compileall -q tools/devtools",
+    "fallow": "fallow",
+    "fallow:audit": "fallow audit",
     "format:check": "oxfmt --check",
     "format": "oxfmt --write",
     "json-schema": "tsx scripts/generate-json-schema.ts",
@@ -171,6 +173,7 @@
     "eslint-plugin-testing-library": "catalog:",
     "eslint-plugin-unused-imports": "catalog:",
     "eslint-plugin-vue": "catalog:",
+    "fallow": "catalog:",
     "fast-check": "catalog:",
     "fs-extra": "^11.2.0",
     "globals": "catalog:",

packages/design-system/pr-13291-origin-smoke-test.txt

@@ -1 +0,0 @@
-PR 13291 origin CI guard smoke test.

pnpm-lock.yaml

@@ -237,6 +237,9 @@ catalogs:
     eslint-plugin-vue:
       specifier: ^10.9.1
       version: 10.9.1
+    fallow:
+      specifier: ^2.102.0
+      version: 2.102.0
     fast-check:
       specifier: ^4.5.3
       version: 4.5.3
@@ -754,6 +757,9 @@ importers:
       eslint-plugin-vue:
         specifier: 'catalog:'
         version: 10.9.1(@typescript-eslint/parser@8.60.0(eslint@10.4.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.4.0(jiti@2.6.1))(vue-eslint-parser@10.4.0(eslint@10.4.0(jiti@2.6.1)))
+      fallow:
+        specifier: 'catalog:'
+        version: 2.102.0
       fast-check:
         specifier: 'catalog:'
         version: 4.5.3
@@ -1883,6 +1889,46 @@ packages:
       '@exodus/crypto':
         optional: true
 
+  '@fallow-cli/darwin-arm64@2.102.0':
+    resolution: {integrity: sha512-B8wzfzJgoX6h5Gv2xQ9ZidO5Jb8/PWdssAxYbWs1pb5oJHZ6S5PLwXuUdINmNSIaRGQwTk4DC9/tIMFHFvd9uw==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@fallow-cli/darwin-x64@2.102.0':
+    resolution: {integrity: sha512-aLbTWWzQnleKdi56obAPXMJm7YA3qAnkIX9T3eocRHiagYqp8nsf4cslM0rZKvu2WwK34NaBm8x886gl4cl+zg==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@fallow-cli/linux-arm64-gnu@2.102.0':
+    resolution: {integrity: sha512-8nYeOSLSewqcKH/KUcKZaCq5QII5VTRX62l60B6UM1iKe/0jcmlQ2mOtx4rkHpeq3LL5emvT/ph4NNgGmWKSBg==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@fallow-cli/linux-arm64-musl@2.102.0':
+    resolution: {integrity: sha512-2Zi33PXzZxD7HU5sPVwyElZGP7zyEdGo4hK0ewy6gMYgQ9BDfLnFhgaSSOzN1J4paIhYtBmVsLmqakyDKy22Jw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@fallow-cli/linux-x64-gnu@2.102.0':
+    resolution: {integrity: sha512-7Hys4X6hKuR/lqUaGXwezRzDrwXwu9KfahUy85WTuiG1to+ZbzDCqdbZ04LtnI8kK8ufrPDcq+ZXdyt5ksOJHA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@fallow-cli/linux-x64-musl@2.102.0':
+    resolution: {integrity: sha512-RuDY1jOEPgJOuHBgEpHVl6J7Xf2QLFklnNy6zO1nw8R1fLgWUAAKlFirn1Y93pb9bXzqpn5Gre3YlhgIZ3+LBA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@fallow-cli/win32-arm64-msvc@2.102.0':
+    resolution: {integrity: sha512-wsvHjLzWFvsYmCqnQLm1doSEHb9Z038+sFp1RzMcffPUBC5tqS3vCr8J8nolcLlPk7o3QWHQMXAqb1xSJe+doA==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@fallow-cli/win32-x64-msvc@2.102.0':
+    resolution: {integrity: sha512-rH1hd0PD0mm6pCxh1pw5jubpJsvV6f5rjixMoD5AZLzWa6NPJBpPPuzruLGtH/9CYy8B0y7zPrGGTKRO2PCGzg==}
+    cpu: [x64]
+    os: [win32]
+
   '@firebase/analytics-compat@0.2.18':
     resolution: {integrity: sha512-Hw9mzsSMZaQu6wrTbi3kYYwGw9nBqOHr47pVLxfr5v8CalsdrG5gfs9XUlPOZjHRVISp3oQrh1j7d3E+ulHPjQ==}
     peerDependencies:
@@ -5614,6 +5660,11 @@ packages:
   extendable-media-recorder@9.2.27:
     resolution: {integrity: sha512-2X+Ixi1cxLek0Cj9x9atmhQ+apG+LwJpP2p3ypP8Pxau0poDnicrg7FTfPVQV5PW/3DHFm/eQ16vbgo5Yk3HGQ==}
 
+  fallow@2.102.0:
+    resolution: {integrity: sha512-bkOT58kPVCB12d2apQjIKBw/qSdsGRPQFrN5ff9Yl5WzXRqlDTbT/MVdMXld4sJD5JQW1ftw2bTxJWCINggh6g==}
+    engines: {node: '>=16'}
+    hasBin: true
+
   fast-check@4.5.3:
     resolution: {integrity: sha512-IE9csY7lnhxBnA8g/WI5eg/hygA6MGWJMSNfFRrBlXUciADEhS1EDB0SIsMSvzubzIlOBbVITSsypCsW717poA==}
     engines: {node: '>=12.17.0'}
@@ -9863,6 +9914,30 @@ snapshots:
 
   '@exodus/bytes@1.7.0': {}
 
+  '@fallow-cli/darwin-arm64@2.102.0':
+    optional: true
+
+  '@fallow-cli/darwin-x64@2.102.0':
+    optional: true
+
+  '@fallow-cli/linux-arm64-gnu@2.102.0':
+    optional: true
+
+  '@fallow-cli/linux-arm64-musl@2.102.0':
+    optional: true
+
+  '@fallow-cli/linux-x64-gnu@2.102.0':
+    optional: true
+
+  '@fallow-cli/linux-x64-musl@2.102.0':
+    optional: true
+
+  '@fallow-cli/win32-arm64-msvc@2.102.0':
+    optional: true
+
+  '@fallow-cli/win32-x64-msvc@2.102.0':
+    optional: true
+
   '@firebase/analytics-compat@0.2.18(@firebase/app-compat@0.2.53)(@firebase/app@0.11.4)':
     dependencies:
       '@firebase/analytics': 0.10.12(@firebase/app@0.11.4)
@@ -13829,6 +13904,19 @@ snapshots:
       subscribable-things: 2.1.53
       tslib: 2.8.1
 
+  fallow@2.102.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      '@fallow-cli/darwin-arm64': 2.102.0
+      '@fallow-cli/darwin-x64': 2.102.0
+      '@fallow-cli/linux-arm64-gnu': 2.102.0
+      '@fallow-cli/linux-arm64-musl': 2.102.0
+      '@fallow-cli/linux-x64-gnu': 2.102.0
+      '@fallow-cli/linux-x64-musl': 2.102.0
+      '@fallow-cli/win32-arm64-msvc': 2.102.0
+      '@fallow-cli/win32-x64-msvc': 2.102.0
+
   fast-check@4.5.3:
     dependencies:
       pure-rand: 7.0.1

pnpm-workspace.yaml

@@ -88,6 +88,7 @@ catalog:
   eslint-plugin-testing-library: ^7.16.1
   eslint-plugin-unused-imports: ^4.4.1
   eslint-plugin-vue: ^10.9.1
+  fallow: ^2.102.0
   fast-check: ^4.5.3
   firebase: ^11.6.0
   glob: ^13.0.6