ComfyUI Node

CYBERPUNKHT

The neon slider that hides inside a theme pack (and is really just a number)

By 11dogzi·Created about a year ago·Updated about a year ago· 185
CYBERPUNKHT
    • *
    Float1.00

    CYBERPUNKHT is not a hacky image node hiding a big secret. It's a slider. One number goes in, one number comes out - the entire job is making that number look like it belongs in Night City while you drag it. The "HT" is short for huatiao (滑条, "slider" in Chinese), and it's the pack's answer to ComfyUI's plain Primitive number box.

    Here's the context you actually need: this node ships inside CYBERPUNK-STYLE-DIY, which is first and foremost a UI theme plugin by the duo 灵仙儿和二狗子 (Lingxian & Ergouzi). It re-skins ComfyUI, animates your connection lines, adds backgrounds and fonts - and, as a side quest, drops in a couple of utility nodes so the theme doesn't feel empty. CYBERPUNKHT is the "universal custom slider" the README advertises: a wide-range value node with a glow-track slider drawn right on the node body.

    Why you'd reach for it

    You probably wouldn't go looking for it. You'd install the theme, notice a slider with a neon handle, and realize it's handy. The legitimate use: instead of hunting for the denoise or seed field buried inside a KSampler, you wire this node's single output into it and get a big, readable control on the canvas that you can label however you like. For people building sharable workflows, that's a nicer UX than a collapsed Primitive. For everyone else, it's a cosmetic convenience - and that's fine, because it costs you nothing at runtime.

    How it works

    The backend is embarrassingly simple. run() takes the Float input, rounds it to 10 decimal places (round(Float, 10)), prints a debug line to the console, and - if you've flipped the hidden output_type to "int" - rounds again and casts to an integer. That's the whole pipeline. No models, no API calls, no Python dependencies. The output is typed as a wildcard (*), so it plugs into any numeric input in your graph.

    The interesting part is the frontend. The node's JavaScript replaces the default widget with a custom-drawn slider: gradient track, glow, handle, and a floating value readout. And the node's default title literally tells you what to do next - "右键可设置范围/名称" (right-click to set range/name). That right-click dialog is where the real configurability lives: min and max (the default ±999999 range is comically broad), step size, a display name, float/int output, and the neon color scheme.

    The inputs and outputs that matter

    There's really one input and one output:

    • Float - the slider itself. Default 1, range −999999 to 999999, step 0.01. It's a "required" input but it's just a widget, not something you wire to.
    • Output (wildcard *) - the number, as float or int depending on the hidden output_type setting. Wire it into anything numeric: seed, CFG, denoise, LoRA strength, width.

    A note on that wildcard output: ComfyUI's community has real, earned skepticism about "any type" outputs - the Anything Everywhere crowd made workflows unreadable and a "please stop using it" thread stuck around. For a single scalar value, the looseness is harmless. Just don't read it as an excuse to hide a mess.

    Installing it

    cd ComfyUI/custom_nodes
    git clone https://github.com/11dogzi/CYBERPUNK-STYLE-DIY.git
    

    Then restart ComfyUI. ComfyUI Manager can do the same if you search "CYBERPUNK-STYLE-DIY". The author's whole pitch is zero-impact: no requirements.txt, no backend deps, pure frontend - and the clone is under 5MB because the docs images live in a separate repo. Uninstall is just deleting the folder. It's bilingual (中文/English) with instant switching.

    Where people get burned

    Honestly, not much to burn on. A few things to know:

    • It's tied to the theme's frontend. If the pack's UI script misbehaves - and the author's own README warns "as a new plugin, unexpected issues may occur" - the custom slider rendering can break. If your canvas turns into a mess, disable the pack in Manager; that removes this node too, but you've lost nothing.
    • Watch the console. Every run prints CYBERPUNKHT: ... debug lines. That's by design, just noisy.
    • The pack's real draw is the theme, not this node. The one place the pack shows up in English-language discussion is r/comfyui recommending it for styling connection lines - the link animations are what people actually cross oceans for. CYBERPUNKHT is a nice-to-have that rides along.

    Use it if you like pretty sliders. Skip it if you don't. It's the rare node that's exactly as simple as it looks.

    Category2🐕/CYBERPUNK

    Inputs (1)

    NameTypeDefaultDescription
    FloatFLOAT1.00-999999–999999

    Outputs (1)

    NameTypeDescription
    **