From 651df2f0e2545ee4aa1c30fb4713ff7aa9e18eaa Mon Sep 17 00:00:00 2001
From: Diwak4r <diwak4r.comp@gmail.com>
Date: Wed, 5 Aug 2026 11:35:01 +0700
Subject: [PATCH] feat(cli-tools): add OpenDesign (manalkaff/opendesign)
 support

Adds a guide-type CLI Tools entry for OpenDesign, the open-sourced
claude.ai/design skills pack. It has no standalone config - it inherits
the host agent's model/provider config - so once the host (Claude Code,
Cursor, Codex, Gemini CLI, OpenCode) points at 9Router, /opendesign
sessions route through automatically.
---
 README.md                        |  26 +++++++++++++++++++++
 public/providers/opendesign.png  | Bin 0 -> 1170 bytes
 src/shared/constants/cliTools.js |  39 +++++++++++++++++++++++++++++++
 3 files changed, 65 insertions(+)
 create mode 100644 public/providers/opendesign.png

diff --git a/README.md b/README.md
index 4458ba78..4e90b9c4 100644
--- a/README.md
+++ b/README.md
@@ -285,6 +285,32 @@ Default URLs:
         <b>Kilo Code</b>
       </td>
     </tr>
+    <tr>
+      <td align="center" width="120">
+        <img src="./public/providers/opendesign.png" width="60" alt="OpenDesign"/><br/>
+        <b>OpenDesign</b>
+      </td>
+      <td align="center" width="120">
+        <img src="./public/providers/jcode.png" width="60" alt="jcode"/><br/>
+        <b>jcode</b>
+      </td>
+      <td align="center" width="120">
+        <img src="./public/providers/grok-cli.png" width="60" alt="Grok Build"/><br/>
+        <b>Grok Build</b>
+      </td>
+      <td align="center" width="120">
+        <img src="./public/providers/devin-cli.png" width="60" alt="Devin CLI"/><br/>
+        <b>Devin CLI</b>
+      </td>
+      <td align="center" width="120">
+        <img src="./public/providers/deepseek-tui.png" width="60" alt="DeepSeek TUI"/><br/>
+        <b>DeepSeek TUI</b>
+      </td>
+      <td align="center" width="120">
+        <img src="./public/providers/qwen.png" width="60" alt="Qwen Code"/><br/>
+        <b>Qwen Code</b>
+      </td>
+    </tr>
   </table>
 </div>
 
diff --git a/public/providers/opendesign.png b/public/providers/opendesign.png
new file mode 100644
index 0000000000000000000000000000000000000000..c68169aa3abc1163189719db7a36d747acc32b78
GIT binary patch
literal 1170
zcmV;D1a13?P)<h;3K|Lk000e1NJLTq004jh004jp1^@s6!#-il000D8Nkl<Zc%1E<
z+fEZv7=>pyeFFgvz6mI2y+zR&BOpRsz(f;`QSor;0X0#H5fwG@+5^h1;sFf2iBdqH
zp=Jh)t(|E*%uM&*|5{(NLkpd0=~{dJ|DJ<#66AW@??RIMN8!fmE|t{2W8Lw!wqF#y
z0o+_|icPmzc0}RrHA18vT;+^6f?E-cu%itryc{E>!frtE&1EOrgmTOkM!pr?4v_?P
zy^zAoHA2l2K=JLR9_^|+WQvh5g6S$r5V{E@vIum>R6CFANn(1%KLvb$d70vi<c^OC
zDoOywmy4ga>;b?ji-b#zehBWCl!A2mpLjMGjcq4fY~Q5%K-^nt_OxdY0FGw>&VD?K
zntMF}vmY0h0C2We0f}96N=!#x*vIZ48I}NWXaI21TmfLi1OSHy0EZ<29QXvd|GmjU
z2HpVZsB`-_U>5=pmYcU9pYPao5Mcs<!zS=As4)ne01r#z-|smJum&JoumpgY0muZH
z35fd{z%l@70P>HN8+%Bj)-0b{Zr1)88#$N&;Lrfzs52cnhk_q1)!*cu?Zh}V%me_3
z1^@?U6%Z!=oxiWw{h7H6Ac>PMcs?V3Abd9vJ;39omWFO;6A%U<!SHNg4Wt(V@d+>+
zF~(<wmw_~I4X*>ix6iW#fR_Q$CE&@o7NhoKB5Ja8U7W#_6zp`@h9e0zA;bVrHO$gU
z0cNn;06IjMW(MmFV3Oz(%%H|CFu*elL=R%Za5ETf0Goxk#R$e3K$7S-m_g+XFu)vu
z=s}EYHiOD_<+T`K?(1$HZ)-H;-Rlj1PnFeVfKr|Vn<1w`bmI(wW`>+*(Tz5MR5RoZ
z61^0aG1ve_URZ2|tf9hNWdPgEkTqO%s|{eP8L}3MUWyvC*Z`%x)L@2;rJ{>8K%>l%
z5g@vF10-RDj4<IL?hPD^Nwl%<b?yI4QiE3ogI^Ua`l3(*UIN@P+7qn|jP}Tle|Ine
zz@Y)aQ6t@JZW4&+)t5b?w>j05ccjAv0EhPmRskUzVG>{@WSoxx#6Oe)h(GCq;G<ko
zD1dw~Pzi9dHy`WkBmiXqQVCZ9pxr-g0u0xP_hF#;hco~II~(XXh5}~!P;XxQXXDvG
z(ok3ez=13Q?il>93=9IszdM)!;G_%6^#Lh>eh<(IaH4Om>?b171|W{3j`#k=%s%45
z1OSHy0EcG-!C?Y`Lj!>0UHNv5D*;Gee{NN2?-9rakfaip0C2nn;E^Ek1bDO9$|3+p
zQFE36aLQ)>(LSCRK;Ugj;%}`2wqZAbMn&yE()WWd5X`&9y=9uS2LLBk%OOM#e%c0#
zJ-|{Riur(vU3In(9AG~nf%#9tsm>k%oSOCiFjK&4-dCCZbtOQp9T0P=N4rqsG7an?
z%%lxHyAQD>7|n-}iJeON4M^kIi8hhMWEz-3lt~%OZ0=`S(859tX&h^u(+KtmUnJ3b
k-hYrs660XuV{(1hAK^#+y(RlX{r~^~07*qoM6N<$g2k%=9{>OV

literal 0
HcmV?d00001

diff --git a/src/shared/constants/cliTools.js b/src/shared/constants/cliTools.js
index 78ce98d0..2933bc5d 100644
--- a/src/shared/constants/cliTools.js
+++ b/src/shared/constants/cliTools.js
@@ -416,6 +416,45 @@ devin auth login
 devin --version`,
     },
   },
+  opendesign: {
+    id: "opendesign",
+    name: "OpenDesign",
+    image: "/providers/opendesign.png",
+    color: "#7C3AED",
+    description: "OpenDesign — claude.ai/design open-sourced! Agent-native design skills pack",
+    docsUrl: "https://github.com/manalkaff/opendesign",
+    configType: "guide",
+    notes: [
+      { type: "info", text: "OpenDesign ships as a plugin/skills pack installed into Claude Code, Cursor, OpenAI Codex, Gemini CLI, or OpenCode. It inherits the host agent's model config, so once your host points at 9Router, /opendesign design sessions route through 9Router automatically — no extra env vars needed." },
+      { type: "info", text: "Invoke with /opendesign <brief>. Covers decks, wireframes, interactive prototypes, design-system extraction, and brand systems, with a verifier subagent that checks output against the brief." },
+    ],
+    guideSteps: [
+      { step: 1, title: "Install the plugin", desc: "Pick your host below and run the matching install command from the matrix." },
+      { step: 2, title: "No config needed", desc: "OpenDesign runs inside your host agent and uses its model config. If the host already routes through 9Router, /opendesign traffic does too." },
+      { step: 3, title: "Start designing", desc: "Invoke OpenDesign from your agent:", value: "/opendesign make a pitch deck for a seed-stage AI company, 10 slides", copyable: true },
+    ],
+    codeBlock: {
+      language: "bash",
+      code: `# Claude Code
+/plugin marketplace add manalkaff/opendesign
+/plugin install opendesign@opendesign
+
+# Cursor
+/add-plugin opendesign
+
+# OpenAI Codex CLI
+/plugins   # search "opendesign" -> Install Plugin
+
+# OpenAI Codex App
+# Plugins sidebar -> OpenDesign (Design section) -> +
+
+# Gemini CLI
+gemini extensions install https://github.com/manalkaff/opendesign
+
+# OpenCode
+# Fetch and follow .opencode/INSTALL.md from the repo`,
+    },
+  },
   // HIDDEN: gemini-cli
   // "gemini-cli": {
   //   id: "gemini-cli",