我们将 ComfyUI 工作流可视化集成到我们的 AI 艺术作品集平台

Source: Dev.to

Overview

PixelAI 是面向 AI 艺术家的作品集平台。最新版本加入了 ComfyUI 工作流支持，并提供交互式图形可视化，使分享和探索 AI 图像/视频生成管线更加便捷。

Why It Matters

分享 ComfyUI 工作流一直比较繁琐：

• 节点图的截图
• 在 Discord 中粘贴提示文本
• 将 .json 文件上传到随机文件托管站点
• 解释散落在评论线程中

PixelAI 通过将工作流直接嵌入作品旁边，简化了这一过程。

Key Features

Workflow Upload & Extraction

• 将你的 .json 工作流与作品一起上传。
• 自动提取关键参数（checkpoint、sampler、seed、steps、CFG）。

Interactive Node Graph

• 使用 React Flow 构建；观众可以缩放、平移并浏览图形。
• 节点类别颜色编码：
  • Loader（紫色）
  • Sampler（蓝色）
  • Conditioning（黄色）
  • Output（红色）
• 自定义节点会标记 ⚡ 徽章。
• 边缘标签显示数据类型（例如 IMAGE、VIDEO、MASK）。
• 对于复杂图（50+ 节点）提供全屏模式。

One‑Click Download

• 观众可以一键下载完整的 .json 文件，并直接在 ComfyUI 中加载。

Robust Parsing & Validation

• 支持 Workflow format（File → Save）和 API format（File → Export API）两种格式。
• 非 ComfyUI 的 JSON 文件会被拒绝，并返回友好的错误提示。

Collaboration Tools

• A/B 对比 同一图像的不同工作流。
• 工作流版本控制，便于迭代和追踪更改。
• “Fork” 按钮 让用户在他人工作流基础上进行 remix 和修改。

Technical Stack

• Next.js 14（App Router）
• React Flow（@xyflow/react）
• Supabase（使用 jsonb 列存储工作流）
• Tailwind CSS

Try It Out

在 pixelai.world 体验新功能。