OpenAI Codex + Inliner.ai Plugin and MCP Integration | Inliner.ai

OpenAI Codex CLI + Inliner.ai

Install the Inliner plugin so Codex knows when and how to use Inliner, with MCP tools for hosted generation, editing, projects, and image integration.

OpenAI Codex terminal with dark theme and green accents in developer workspace

Last updated: July 10, 2026

Prerequisites

Quick Setup

Recommended: Install the Inliner.ai Plugin

The released plugin bundles the canonical inliner-ai skill and MCP configuration. The skill teaches Codex when to activate Inliner; the MCP server supplies the live tools.

Terminal

codex plugin marketplace add inliner-ai/agent-skill --ref v1.3.0
codex plugin add inliner-ai@inliner-ai

Current releases: @inliner/agent-skill v1.3.0 and @inliner/mcp-server v1.1.1.

Step 1: Get Your API Key

  1. Log into your Inliner.ai dashboard
  2. Go to Account > API Keys
  3. Click Create API Key and copy the key

Export the key before starting Codex so the plugin's bundled MCP server can authenticate:

Terminal

export INLINER_API_KEY=inl_your-api-key-here

Step 2: Configure MCP Server

If you installed the plugin, it already includes this MCP configuration. For an MCP-only installation, add the server with Codex's MCP command:

Terminal

codex mcp add inliner --env INLINER_API_KEY=inl_your-api-key-here -- npx -y @inliner/mcp-server

For manual setup, add the server to your Codex config:

~/.codex/config.toml

[mcp_servers.inliner]
command = "npx"
args = ["-y", "@inliner/mcp-server"]

[mcp_servers.inliner.env]
INLINER_API_KEY = "inl_your-api-key-here"
INLINER_DEFAULT_PROJECT = "your-project-namespace"

Step 3: Verify and Restart Codex CLI

Check that Codex sees the server, then start a new Codex session so the Inliner tools load.

Terminal

codex mcp list

Inside Codex, run /mcp to view active MCP servers and exposed tools.

Tip: Set INLINER_DEFAULT_PROJECT when you want Codex to use the same Inliner project namespace by default.

What Inliner Adds to Codex

The bundled skill makes Codex aware of applicable visual requests, while the MCP server works with production-ready hosted assets:

For new production assets, Codex should call generate_image and wait for the completed URL before inserting it into code. Project creation requires explicit user intent.

Example Interactions

"Add a 1200x630 hero image to this landing page using my acme-corp Inliner project"

I'll create a hosted Inliner URL and add the image tag to your page...

<img src="https://img.inliner.ai/acme-corp/modern-saas-team-dashboard_1200x630.png" alt="Modern SaaS team dashboard" width="1200" height="630" loading="lazy">

"Create a project called launch-assets and make it my default for this workflow"

I'll reserve that namespace and use it for new generated assets...

"Edit ./photo.png to remove the background and make it transparent"

I'll upload the image, remove the background, and save the result...

Done! Saved to ./photo-edited.png

Using with @inliner/cli

You can also use the standalone Inliner CLI alongside Codex for batch operations:

Terminal

# Generate images directly from terminal
npx @inliner/cli "hero-banner_1200x600.png" -p myproject

# Pipe through other tools
npx @inliner/cli gen "logo" -p brand --size 512x512 | convert - -resize 64x64 favicon.png

See the CLI documentation for more examples.

Resources

Ready to Add Inliner Images to Codex CLI?

Get your API key and start creating hosted image assets in minutes