Presentation Add Queue

Every website needs a button that does the thing. In a ComfyUI workflow turned into a website - that's what niknah's Presentation ComfyUI does - Presentation Add Queue is that button: the "Add to queue" control that starts a generation. The node's own description is the whole manual: "Add to Queue button. Put this in the same group as the PresetationTab node."

The reason it exists as a separate node instead of a hardcoded button: the pack's philosophy is that you decide what the user's page looks like, node by node. Want a button labeled "Generate my avatar" on the page? This is the node that renders it. The README's table calls it "The queue button," and notes you can remove the stock button from MainPage.vue if you'd rather your custom one be the only path forward.

How it works

It's a pure UI node - no outputs, no data flow. The text input becomes the button label on the generated site. The actual queue submission is handled by the site's server (addQueue API), which pushes the tab's workflow JSON into ComfyUI's queue, with the workflowIds allowlist enforcing that only the nodes in your group get modified. So you place it inside the same group as the Presentation Tab, and the button it renders queues that tab's generation.

The inputs that matter

Just one: text (STRING, default "Add to queue"). That's the button label. Rename it to something human - "Generate," "Run," "Make my image" - whatever your users should see. There are no outputs, and there's nothing else to wire. This is one of the rare ComfyUI nodes whose entire job is aesthetic.

How to install it

Same single install as the whole pack. ComfyUI Manager, search "Presentation ComfyUI", or:

cd ComfyUI/custom_nodes
git clone https://github.com/niknah/presentation-ComfyUI

then restart. Requires Node.js (install separately - the README links nodejs.org); first launch runs npm install for the Nuxt site in output/presentation-site, which takes a few minutes. The site lives at http://localhost:3000.

Common issues & troubleshooting

No button on the page. The node has to sit inside the same group as the Presentation Tab, and you have to hit save on that tab node so the site regenerates. A Presentation Add Queue floating outside a tab group renders nowhere.

Button does nothing / queue never fires. Check the tab's workflowIds - the server only modifies node IDs in the allowlist inside components/tabs/<tabname>/workflow.json. If you've added UI referring to nodes outside the group, they need to be listed there too.

Changes not showing. Settings → Presentation → Restart after editing; Rebuild for structural changes. Kill duplicate nuxt processes on the folder if things get weird.