Branding: logo + social preview (matching the main ComfyPeeper style)

- assets/icon.svg + icon.png: two-node workflow mark with a green "send" arrow, on a dark brand-bordered square - assets/social-preview.svg + social-preview.png (1280×640): mirrors the main repo's banner, lens holding a two-way arrow (→ ComfyUI, ← Discord) - README shows the banner; pyproject Icon points at icon.png Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-23 11:44:25 +02:00
parent a55e36eb07
commit 24cbac5c32
6 changed files with 128 additions and 3 deletions
@@ -1,6 +1,12 @@
-# ComfyPeeper Companion (ComfyUI extension)
+<div align="center">

-A small ComfyUI extension that pairs with the **[ComfyPeeper](https://github.com/ethanfel/Discord-ComfyPeeper)**
+![ComfyPeeper Companion](assets/social-preview.png)
+
+# ComfyPeeper Companion
+
+</div>
+
+A small ComfyUI extension that pairs with the **[ComfyPeeper](https://github.com/Ethanfel/Discord-ComfyPeeper)**
 Discord plugin to enable two things plain ComfyUI's API can't:

 - **Send to ComfyUI** — ComfyPeeper can load a workflow straight into your **open ComfyUI
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#15161a"/>
+      <stop offset="1" stop-color="#202127"/>
+    </linearGradient>
+    <radialGradient id="glow" cx="0.5" cy="0.42" r="0.6">
+      <stop offset="0" stop-color="#5865f2" stop-opacity="0.28"/>
+      <stop offset="1" stop-color="#5865f2" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+
+  <rect width="256" height="256" rx="56" fill="url(#bg)"/>
+  <rect width="256" height="256" rx="56" fill="url(#glow)"/>
+  <rect x="6" y="6" width="244" height="244" rx="50" fill="none" stroke="#5865f2" stroke-opacity="0.45" stroke-width="3"/>
+
+  <!-- two-node "workflow" glyph (ComfyPeeper mark) -->
+  <g fill="#5865f2" fill-opacity="0.14" stroke="#7c86ff" stroke-width="9" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="62" y="60" width="60" height="60" rx="16"/>
+    <rect x="134" y="136" width="60" height="60" rx="16"/>
+    <path d="M92 120 V148 a16 16 0 0 0 16 16 H134" fill="none"/>
+  </g>
+  <!-- green "send" arrowhead flowing into the second node -->
+  <path d="M122 154 L140 166 L122 178 Z" fill="#43b581"/>
+</svg>
@@ -0,0 +1,94 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="640" viewBox="0 0 1280 640" font-family="'DejaVu Sans','Noto Sans',sans-serif">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#15161a"/>
+      <stop offset="1" stop-color="#202127"/>
+    </linearGradient>
+    <radialGradient id="glow" cx="0.72" cy="0.42" r="0.55">
+      <stop offset="0" stop-color="#5865f2" stop-opacity="0.30"/>
+      <stop offset="1" stop-color="#5865f2" stop-opacity="0"/>
+    </radialGradient>
+    <linearGradient id="title" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0" stop-color="#ffffff"/>
+      <stop offset="1" stop-color="#c8ccff"/>
+    </linearGradient>
+  </defs>
+
+  <rect width="1280" height="640" fill="url(#bg)"/>
+  <rect width="1280" height="640" fill="url(#glow)"/>
+  <rect x="8" y="8" width="1264" height="624" rx="22" fill="none" stroke="#ffffff" stroke-opacity="0.06" stroke-width="2"/>
+
+  <!-- decorative node graph + two-way "send" hub -->
+  <g opacity="0.96">
+    <g fill="none" stroke="#7c86ff" stroke-width="4" stroke-opacity="0.8">
+      <path d="M 854 250 C 920 250 905 205 968 205"/>
+      <path d="M 854 268 C 940 268 980 392 1004 392"/>
+      <path d="M 1128 230 C 1170 230 1090 392 1066 392"/>
+    </g>
+    <!-- node A -->
+    <g>
+      <rect x="700" y="208" width="156" height="92" rx="12" fill="#2b2d31" stroke="#000000" stroke-opacity="0.4"/>
+      <path d="M700 232 v-12 a12 12 0 0 1 12 -12 h132 a12 12 0 0 1 12 12 v12 Z" fill="#5865f2"/>
+      <rect x="714" y="248" width="128" height="9" rx="4.5" fill="#4a4d55"/>
+      <rect x="714" y="266" width="96" height="9" rx="4.5" fill="#4a4d55"/>
+      <circle cx="700" cy="252" r="5" fill="#43b581"/><circle cx="856" cy="252" r="5" fill="#c9cdd6"/>
+    </g>
+    <!-- node B -->
+    <g>
+      <rect x="972" y="162" width="158" height="92" rx="12" fill="#2b2d31" stroke="#000000" stroke-opacity="0.4"/>
+      <path d="M972 186 v-12 a12 12 0 0 1 12 -12 h134 a12 12 0 0 1 12 12 v12 Z" fill="#9b59b6"/>
+      <rect x="986" y="202" width="120" height="9" rx="4.5" fill="#4a4d55"/>
+      <rect x="986" y="220" width="84" height="9" rx="4.5" fill="#4a4d55"/>
+      <circle cx="972" cy="206" r="5" fill="#c9cdd6"/><circle cx="1130" cy="206" r="5" fill="#c9cdd6"/>
+    </g>
+    <!-- node C -->
+    <g>
+      <rect x="952" y="348" width="170" height="100" rx="12" fill="#2b2d31" stroke="#000000" stroke-opacity="0.4"/>
+      <path d="M952 372 v-12 a12 12 0 0 1 12 -12 h146 a12 12 0 0 1 12 12 v12 Z" fill="#5865f2"/>
+      <rect x="966" y="388" width="132" height="9" rx="4.5" fill="#4a4d55"/>
+      <rect x="966" y="406" width="100" height="9" rx="4.5" fill="#4a4d55"/>
+      <rect x="966" y="424" width="116" height="9" rx="4.5" fill="#4a4d55"/>
+      <circle cx="952" cy="392" r="5" fill="#43b581"/><circle cx="1122" cy="392" r="5" fill="#c9cdd6"/>
+    </g>
+
+    <!-- send hub: a lens (echoing the main mark) holding a two-way arrow -->
+    <g>
+      <circle cx="1006" cy="300" r="118" fill="#9aa3ff" fill-opacity="0.07"/>
+      <circle cx="1006" cy="300" r="118" fill="none" stroke="#ffffff" stroke-width="12"/>
+      <circle cx="1006" cy="300" r="118" fill="none" stroke="#5865f2" stroke-width="4"/>
+      <line x1="1090" y1="384" x2="1168" y2="462" stroke="#ffffff" stroke-width="24" stroke-linecap="round"/>
+      <line x1="1090" y1="384" x2="1168" y2="462" stroke="#5865f2" stroke-width="10" stroke-linecap="round"/>
+      <!-- top arrow → (to ComfyUI) -->
+      <line x1="952" y1="282" x2="1046" y2="282" stroke="#8c93ff" stroke-width="11" stroke-linecap="round"/>
+      <path d="M1042 268 L1068 282 L1042 296 Z" fill="#8c93ff"/>
+      <!-- bottom arrow ← (to Discord) -->
+      <line x1="1060" y1="320" x2="966" y2="320" stroke="#57d9a3" stroke-width="11" stroke-linecap="round"/>
+      <path d="M970 306 L944 320 L970 334 Z" fill="#57d9a3"/>
+    </g>
+  </g>
+
+  <!-- left text block -->
+  <text x="92" y="170" fill="#8c93ff" font-size="24" font-weight="bold" letter-spacing="4">COMFYUI EXTENSION · COMPANION</text>
+  <text x="88" y="284" fill="url(#title)" font-size="92" font-weight="bold" letter-spacing="-2">ComfyPeeper</text>
+  <text x="92" y="350" fill="#8c93ff" font-size="56" font-weight="bold" letter-spacing="-1">Companion</text>
+  <rect x="94" y="372" width="320" height="7" rx="3.5" fill="#5865f2"/>
+
+  <text x="92" y="438" fill="#c7ccd4" font-size="30">Open workflows in ComfyUI, and send images</text>
+  <text x="92" y="478" fill="#c7ccd4" font-size="30">straight back to Discord.</text>
+
+  <!-- feature chips -->
+  <g font-size="21" font-weight="bold" text-anchor="middle" dominant-baseline="central">
+    <g>
+      <rect x="92" y="516" width="246" height="56" rx="28" fill="#5865f2" fill-opacity="0.16" stroke="#5865f2" stroke-opacity="0.5"/>
+      <text x="215" y="545" fill="#c8ccff">Send to ComfyUI</text>
+    </g>
+    <g>
+      <rect x="356" y="516" width="240" height="56" rx="28" fill="#43b581" fill-opacity="0.16" stroke="#43b581" stroke-opacity="0.5"/>
+      <text x="476" y="545" fill="#a7e6c8">Send to Discord</text>
+    </g>
+    <g>
+      <rect x="614" y="516" width="150" height="56" rx="28" fill="#ffffff" fill-opacity="0.06" stroke="#ffffff" stroke-opacity="0.18"/>
+      <text x="689" y="545" fill="#e6e8ee">Webhook</text>
+    </g>
+  </g>
+</svg>
@@ -11,4 +11,4 @@ Repository = "https://github.com/Ethanfel/ComfyUI-ComfyPeeper-compagnon"
 [tool.comfy]
 PublisherId = "ethanfel"
 DisplayName = "ComfyPeeper Companion"
-Icon = ""
+Icon = "https://raw.githubusercontent.com/Ethanfel/ComfyUI-ComfyPeeper-compagnon/main/assets/icon.png"