Comfy-Org/ComfyUI_frontend

building-web-prs

Builds a comfy.org website change from a design-team request and takes it to a reviewed pull request, or to a hand-off naming what is still open and who must act. Invoke when the user asks to make a page match a mock or Figma, change copy or wording on a…

원문 언어: 영어

regenerating-screenshots

Creates a PR to regenerate Playwright screenshot expectations. Use when screenshot tests are failing on main or PRs due to stale golden images. Triggers on: regen screenshots, regenerate screenshots, update expectations, fix screenshot tests.

원문 언어: 영어

writing-playwright-tests

Writes Playwright e2e tests for ComfyUI_frontend. Use when creating, modifying, or debugging browser tests. Triggers on: playwright, e2e test, browser test, spec file.

원문 언어: 영어

comment-sicko

Dispatches the comment-sicko subagent to hunt gratuitous comments in a PR/diff, triages its raw findings, and posts a polite, professional writeup. Use when reviewing a PR/diff, checking for unnecessary/gratuitous comments, or asked to run "the angry comment…

원문 언어: 영어

verify

Launch and drive the ComfyUI Cloud frontend (Vue web app) against a real Comfy backend, and capture evidence that a change works. Use when proving cloud billing, auth, workspace or canvas behaviour end to end, especially billing SDK rail migrations, where the…

원문 언어: 영어

reviewing-unit-tests

Use when reviewing Vitest unit-test diffs in ComfyUI_frontend, especially new mocks, store tests, component tests, or bugfix regression tests.

원문 언어: 영어

writing-storybook-stories

Write or update Storybook stories for Vue components in ComfyUI_frontend. Use when adding, modifying, reviewing, or debugging `.stories.ts` files, Storybook docs, component demos, or visual catalog entries.

원문 언어: 영어

add-model-page

add, update, or remove a model page entry on the comfy org website. creates a PR to Comfy-Org/ComfyUI_frontend apps/website folder with the change and posts a Vercel preview link back to Slack.

원문 언어: 영어

layer-audit

Detect violations of the layered architecture import rules (base -> platform -> workbench -> renderer). Runs oxlint with the comfy/no-restricted-paths rule and generates a grouped report.

원문 언어: 영어

fixing-web-prs

Fixes an existing website pull request that is stuck: clears failing checks, unanswered review comments, conflicts with main, a stale description or a missing preview, and sends it to merge once it is approved, unheld and authorized. Invoke when the user…

원문 언어: 영어

agent-integration-replay

Replay recorded agent conversations as Playwright tests against the real chat panel and canvas. Use when asked to replay agent recordings, run the agent replay suite, or debug an agent panel or graph-edit regression against a recording. Triggers on: replay…

원문 언어: 영어

consolidating-test-setup

Consolidates repeated test setup and teardown into the narrowest shared lifecycle owner. Use when test files repeat initialization, cleanup, environment management, fixtures, or equivalent test doubles.

원문 언어: 영어

hardening-flaky-e2e-tests

Diagnoses and fixes flaky Playwright e2e tests by replacing race-prone patterns with retry-safe alternatives. Use when triaging CI flakes, hardening spec files, fixing timing races, or asked to stabilize browser tests. Triggers on: flaky, flake, harden,…

원문 언어: 영어

red-green-fix

Bug fix workflow that proves test validity with a red-then-green CI sequence. Commits a failing test first (CI red), then the minimal fix (CI green). Use when fixing a bug, writing a regression test, or when asked to prove a fix works.

원문 언어: 영어

codegen-transform

Transforms raw Playwright codegen output into ComfyUI convention-compliant tests. Use when: user pastes raw codegen, asks to convert raw Playwright code, refactor recorded tests, or rewrite to project conventions. Triggers on: transform codegen, convert raw…

원문 언어: 영어

recovering-poisoned-asset-cache

Diagnose and recover users stuck on a blank page or endless splash screen because a CDN or browser has pinned a 404 for a boot chunk. Covers confirming the diagnosis, the origin-side fix, the edge purge, and forcing every asset URL to rotate when a redeploy…

원문 언어: 영어

removing-typescript-suppressions

Replaces @ts-expect-error and @ts-ignore directives with minimal type-safe fixes. Use when removing TypeScript compiler suppressions.

원문 언어: 영어

backport-management

Manages cherry-pick backports across stable release branches. Discovers candidates from Slack/git, analyzes dependencies, resolves conflicts via worktree, and logs results. Use when asked to backport, cherry-pick to stable, manage release branches, do stable…

원문 언어: 영어

publishing-a-new-package

Publishes a new package from this monorepo to npm under @comfyorg and proves it is consumable from another repo. Covers workflow scaffolding, the first-publish 404, catalog: rewriting, trusted publishing, and the consumer smoke test. Use when adding a package…

원문 언어: 영어

disabling-ai-attribution

Disables commit, pull request, and session attribution in contributors' local Claude Code and Amp settings, and checks Codex workspace policy. Use when configuring an AI coding tool to avoid attribution in repository history.

원문 언어: 영어

perf-fix-with-proof

Ships performance fixes with CI-proven improvement using stacked PRs. PR1 adds a @perf test (establishes baseline on main), PR2 adds the fix (CI shows delta). Use when implementing a perf optimization and wanting to prove it in CI.

원문 언어: 영어

adding-deprecation-warnings

Adds deprecation warnings for renamed or removed properties/APIs. Searches custom node ecosystem for usage, applies defineDeprecatedProperty helper, adds JSDoc. Triggers on: deprecate, deprecation warning, rename property, backward compatibility.

원문 언어: 영어

contain-audit

Detect DOM elements where CSS contain:layout+style would improve rendering performance. Runs a Playwright-based audit on a large workflow, scores candidates by subtree size and sizing constraints, measures performance impact, and generates a ranked report.

원문 언어: 영어