ComfyUI Point & Prompt — 点選式プロンプト編集ノード

AI/ML
ComfyUI Point & Prompt — 点選式プロンプト編集ノード

ComfyUI Point & Prompt — 点選式プロンプト編集ノード

ComfyUI-PointAndPrompt は、ComfyUI 用の Human-in-the-loop（人間介在型）多モーダルプロンプト編集ノードです。ノード上で画像を即時プレビューし、画像上をクリックして丸数字のマーカー（①②③…）を付与、対応する「カプセル」タグをテキスト入力欄へ自動挿入します。さらに実行時にマーカーを出力画像へ焼き込む（burn-in）機能も備え、視覚的に指示点を管理しながらプロンプトを組み立てられます。

https://github.com/FINAL2012/ComfyUI-PointAndPrompt

概要

ComfyUI-PointAndPrompt は、画像とプロンプト（テキスト）をインタラクティブに結びつけるノードです。ノード内で画像を瞬時にプレビューし、画面上をクリックすると丸数字のマーカーを生成して位置情報に紐づく「カプセル」タグを自動的にテキスト編集欄へ挿入します。これにより、視覚的に注目点を指定しつつ、対応するプロンプト要素（例：衣服、顔、背景など）を明示的に管理できます。実行時に指定すると、マーカーを出力画像へ恒久的に描画（焼き込み）することも可能で、Human-in-the-loop のワークフローに適しています。

GitHub

リポジトリの統計情報

  • スター数: 4
  • フォーク数: 0
  • ウォッチャー数: 4
  • コミット数: 4
  • ファイル数: 5
  • メインの言語: JavaScript

主な特徴

  • リアルタイム画像プレビュー：ノード上で選択した画像を即時表示、Queue 実行を待たずに確認可能。
  • 可視化マーカー：画像上をクリックして丸数字（①②③…）のマーカーを配置、位置情報を管理。
  • 自動カプセル挿入：クリックしたマーカーに対応するカプセルタグをテキスト欄へ自動で挿入・編集可能。
  • マーカー焼き込み（Burn-in）：実行時にマーカーを最終出力画像へ恒久的に描画するオプション。

技術的なポイント

ComfyUI-PointAndPrompt は、ComfyUI のノード拡張としてフロントエンド（js ディレクトリ）とノード定義（init.py）を組み合わせた構成を取っています。init.py はおそらくノードを登録し、ComfyUI のノード UI に静的アセット（JS・フォント）を読み込む役割を果たします。一方、js フォルダ内のスクリプトはノードのインタラクティブな振る舞い、つまり画像の即時レンダリング、クリックイベントによるマーカー生成、番号付け処理、カプセルテキストの編集・挿入といったクライアント側の UI ロジックを担います。

画像表示とマーカー管理の実装は、一般的には HTML5 Canvas または同等の DOM 操作を用いており、クリック位置を正規化してカプセルタグ（例：POINT_1）へ変換、テキストボックスの内容を書き換えるフローになります。マーカーの「焼き込み」は、ノード実行時にサーバサイドで画像処理ライブラリ（Pillow / PIL、OpenCV 等）を呼び出して、既存の出力画像へマーカーを合成する処理を組み込む形が自然です。リポジトリ自体の言語は JavaScript がメインですが、ComfyUI と連携するために Python 側のノード定義が必要になり、init.py がそのブリッジとなっている点が注目できます。

また、フォントを同梱している点は、マーカーの描画（丸数字や丸囲みテキスト）を一貫した見た目で行うためです。フォントを埋め込むことで環境差による表示崩れを防ぎ、焼き込み時にも同じフォントで描画できます。インタラクティブ UI がノード単体で動作することで、ユーザーは画像生成のキュレーションや微調整をループ内で素早く行え、モデル出力の意図を細かく反映するプロンプト設計が可能になります。

設置は README にある通り、ComfyUI の拡張ディレクトリへコピーして再起動する手順が主流で、外部依存が少ないシンプルな配布形態を採っています。導入後は、既存の ComfyUI ワークフローに自然に組み込め、ポイントベースの指示付与や領域指定をテンプレ化して再利用することも想定できます。

プロジェクトの構成

主要なファイルとディレクトリ：

  • LICENSE: file
  • README.md: file
  • init.py: file
  • fonts: dir
  • js: dir

まとめ

視覚的なポイント指定とプロンプト編集を一体化し、Human-in-the-loop のワークフローを手早く回せる有益な ComfyUI 拡張です。

リポジトリ情報：

READMEの抜粋：

ComfyUI-PointAndPrompt

Point & Prompt (点选提示器) - Human-in-the-loop 多模态提示词编辑节点

功能特性

  • 🖼️ 实时图片预览 - 选择图片后立即在节点上显示，无需等待 Queue 运行
  • 🎯 可视化标记 - 在图片上点击生成带圈数字标记 (①②③…)
  • 📝 富文本编辑 - 自动在文本框中插入对应的胶囊标签
  • 🔥 标记烧录 - 执行时将标记永久绘制到输出图像上
{0AEB7954-860E-40BF-9249-A714A826B17F}

安装方法

方法一：手动安装

  1. 将 ComfyUI-PointAndPrompt 文件夹复制到 ComfyUI 的…