From 7326c4e4c86d5687bf99c974825f4834dd4a780f Mon Sep 17 00:00:00 2001
From: Steven Nkeneng <nkeneng.junior@yahoo.fr>
Date: Tue, 21 Apr 2026 18:08:03 +0200
Subject: [PATCH] Add Codex plugin support

---
 .codex-plugin/plugin.json      | 39 ++++++++++++++++++++++++++++++++++
 README.md                      |  6 ++++++
 skills/diagram-design/SKILL.md | 13 ++++++++++++
 3 files changed, 58 insertions(+)
 create mode 100644 .codex-plugin/plugin.json
 create mode 100644 skills/diagram-design/SKILL.md

diff --git a/.codex-plugin/plugin.json b/.codex-plugin/plugin.json
new file mode 100644
index 0000000..e52c881
--- /dev/null
+++ b/.codex-plugin/plugin.json
@@ -0,0 +1,39 @@
+{
+  "name": "diagram-design",
+  "description": "Editorial-quality technical and product diagrams - 13 types rendered as standalone HTML with inline SVG, skinnable to match your brand",
+  "version": "1.0.0",
+  "author": {
+    "name": "Cathryn Lavery",
+    "url": "https://github.com/cathrynlavery"
+  },
+  "homepage": "https://github.com/cathrynlavery/diagram-design",
+  "repository": "https://github.com/cathrynlavery/diagram-design",
+  "license": "MIT",
+  "keywords": [
+    "diagrams",
+    "svg",
+    "architecture",
+    "flowchart",
+    "visualization",
+    "editorial"
+  ],
+  "skills": "./skills/",
+  "interface": {
+    "displayName": "Diagram Design",
+    "shortDescription": "Create editorial technical and product diagrams as standalone HTML.",
+    "longDescription": "Generate architecture, flowchart, sequence, state machine, ER, timeline, swimlane, quadrant, nested, tree, layers, venn, and pyramid diagrams with an opinionated editorial design system.",
+    "developerName": "Cathryn Lavery",
+    "category": "Productivity",
+    "capabilities": [
+      "Read",
+      "Write"
+    ],
+    "websiteURL": "https://github.com/cathrynlavery/diagram-design",
+    "defaultPrompt": [
+      "Make an architecture diagram of my app.",
+      "Create a flowchart for this decision process.",
+      "Build a sequence diagram for this workflow."
+    ],
+    "brandColor": "#b5523a"
+  }
+}
diff --git a/README.md b/README.md
index 8e2c9d5..f6a86c5 100644
--- a/README.md
+++ b/README.md
@@ -69,6 +69,12 @@ Quicker to install — but the skill lives in the plugin cache, so edits to `ref
 
 **Claude Cowork:** Customize → Directory → Plugins → **+** → paste `cathrynlavery/diagram-design` → Sync, then install from the Personal list.
 
+**Codex:**
+```
+/plugin marketplace add cathrynlavery/diagram-design
+/plugin install diagram-design@diagram-design
+```
+
 ---
 
 ## Onboarding — make it look like *your* brand
diff --git a/skills/diagram-design/SKILL.md b/skills/diagram-design/SKILL.md
new file mode 100644
index 0000000..d57cd62
--- /dev/null
+++ b/skills/diagram-design/SKILL.md
@@ -0,0 +1,13 @@
+---
+name: diagram-design
+description: Create technical and product diagrams - architecture, flowchart, sequence, state machine, ER / data model, timeline, swimlane, quadrant, nested, tree, layer stack, venn, pyramid - as standalone HTML files with inline SVG. Ships with a neutral editorial skin and a first-run gate that prompts users to customize the style guide before generating.
+license: MIT
+metadata:
+  version: "1.0"
+---
+
+# Diagram Design
+
+This is the Codex plugin wrapper for the root skill.
+
+Before creating a diagram, open and follow `../../SKILL.md`. Resolve all referenced paths from the repository root, including `../../references/` and `../../assets/`.