docs(home): custom feature icons and correct Codex install steps

Replace emoji feature icons with brand-gradient SVGs (CLI, skills, MCP)
and style them with a soft brand-tinted tile. Fix Codex install
instructions on both the homepage and agent-skills guide to use
`codex plugin marketplace add` plus the interactive `/plugins` picker.

Author: clavery

.agents/plugins/marketplace.json

@@ -1,6 +1,6 @@
 {
   "name": "b2c-developer-tooling",
-  "interface": {
+   "interface": {
     "displayName": "B2C Developer Tooling"
   },
   "plugins": [

docs/.vitepress/theme/custom.css

@@ -32,6 +32,7 @@
     margin-bottom: 0;
     transform: none;
     max-width: 100% !important;
+    margin-left: 60px;
   }
 }
 
@@ -44,3 +45,17 @@
   max-height: 500px;
   object-fit: contain;
 }
+
+/* Home features icon treatment */
+.VPFeature .box .icon {
+  background-color: var(--vp-c-brand-soft);
+  width: 56px;
+  height: 56px;
+  font-size: 28px;
+  border-radius: 12px;
+}
+
+.VPFeature .box .icon img {
+  width: 32px;
+  height: 32px;
+}

docs/guide/agent-skills.md

@@ -39,10 +39,10 @@ copilot plugin install b2c-cli@b2c-developer-tooling
 copilot plugin install b2c@b2c-developer-tooling
 ```
 
-```text [Codex]
-Open this repository as a workspace, then restart Codex. Open the plugin
-directory and select the "B2C Developer Tooling" marketplace — install
-b2c-cli and/or b2c from there.
+```bash [Codex]
+codex plugin marketplace add SalesforceCommerceCloud/b2c-developer-tooling
+# Then in Codex, run /plugins, select the "B2C Developer Tooling"
+# marketplace, and select and install the desired plugins.
 ```
 
 ```bash [B2C CLI]
@@ -115,7 +115,22 @@ claude plugin marketplace remove b2c-developer-tooling
 
 ## Install Codex Plugin
 
-Open this repository as a workspace and restart Codex. Open the plugin directory, select the **B2C Developer Tooling** marketplace, and install `b2c-cli` and/or `b2c`.
+Add the marketplace:
+
+```bash
+codex plugin marketplace add SalesforceCommerceCloud/b2c-developer-tooling
+```
+
+Then in Codex run `/plugins`, select the **B2C Developer Tooling** marketplace, and select and install the desired plugins.
+
+Codex does not yet support installing plugins from the command line — installs happen from the interactive `/plugins` picker. You can also point Codex at a local marketplace directory by running `codex plugin marketplace add <path-to-dir>`.
+
+Upgrade or remove the marketplace later with:
+
+```bash
+codex plugin marketplace upgrade b2c-developer-tooling
+codex plugin marketplace remove b2c-developer-tooling
+```
 
 > **Note:** The `b2c-dx-mcp` plugin is available only for Claude Code. For other clients, install the MCP server directly — see [MCP Installation](/mcp/installation).
 

docs/index.md

@@ -25,17 +25,26 @@ hero:
       link: /cli/
 
 features:
-  - icon: "\u26A1"
+  - icon:
+      src: /icons/cli.svg
+      width: 48
+      height: 48
     title: CLI for Every Workflow
     details: Deploy cartridges, run jobs, manage ODS and MRT, import/export site archives, work with WebDAV, and automate CI/CD — all from the terminal. The foundation everything else builds on.
-    link: /cli/
-    linkText: CLI reference
-  - icon: "\U0001F9E0"
+    link: /guide/
+    linkText: Get started
+  - icon:
+      src: /icons/skills.svg
+      width: 48
+      height: 48
     title: Coding Skills for Your AI Agent
     details: 30+ preconfigured skills teach Claude Code, Cursor, Agentforce Vibes, Copilot, and Codex how B2C Commerce works — SCAPI, SLAS, SFRA, ISML, Page Designer, hooks, custom objects — and which CLI commands to run when.
     link: /guide/agent-skills
     linkText: Install skills
-  - icon: "\U0001F916"
+  - icon:
+      src: /icons/mcp.svg
+      width: 48
+      height: 48
     title: MCP Server
     details: A focused set of MCP tools that complement the CLI for agent-driven workflows. Pairs naturally with skills.
     link: /mcp/
@@ -66,11 +75,6 @@ Detailed setup: [Agentforce Vibes](/guide/agent-skills#installation-with-agentfo
 
 ::: code-group
 
-```bash [Agentforce Vibes]
-# Marketplace install coming soon. For now, use the B2C CLI:
-npx @salesforce/b2c-cli setup skills --ide agentforce-vibes
-```
-
 ```bash [Claude Code]
 claude plugin marketplace add SalesforceCommerceCloud/b2c-developer-tooling
 # Use --scope user to install globally (available in all projects)
@@ -92,10 +96,17 @@ copilot plugin install b2c@b2c-developer-tooling
 ```
 
 ```bash [Codex]
+codex plugin marketplace add SalesforceCommerceCloud/b2c-developer-tooling
+# Then in Codex, run /plugins, select the "B2C Developer Tooling"
+# marketplace, and select and install the desired plugins.
+```
+
+```bash [Agentforce Vibes]
 # Marketplace install coming soon. For now, use the B2C CLI:
-npx @salesforce/b2c-cli setup skills --ide codex
+npx @salesforce/b2c-cli setup skills --ide agentforce-vibes
 ```
 
+
 ```bash [B2C CLI]
 npx @salesforce/b2c-cli setup skills
 ```