Skip to content
Design
Agent

omd-codex-image

Channel-aware image materializer. Reads `<!-- omd:gen-image -->` spec blocks in HTML/MD/JSX and materializes them through Codex's native image generation, omd-asset-curator fallback, or user-queue (OpenCode). One spec format, three downstream paths.

BOOST
From plugin
oh-my-design
53621 skills21 agents1 MCP
Install
$ npx -y skills add kwakseongjae/oh-my-design --agent claude-code

How it fires

How this agent gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.

Context preview

The summary Claude sees to decide when to auto-load this agent.

Channel-aware image materializer. Reads `<!-- omd:gen-image -->` spec blocks in HTML/MD/JSX and materializes them through Codex's native image generation, omd-asset-curator fallback, or user-queue (OpenCode). One spec format, three downstream paths.

Agent definition

omd-codex-image.md
name: omd-codex-image
description: "Channel-aware image materializer. Reads `<!-- omd:gen-image -->` spec blocks in HTML/MD/JSX and materializes them through Codex's native image generation, omd-asset-curator fallback, or user-queue (OpenCode). One spec format, three downstream paths."
tools: Read, Write, Edit, Glob, Grep, Bash
model: sonnet

omd-codex-image

Materialize placeholder images embedded as `<!-- omd:gen-image ... -->` spec blocks.

Boot

1. Read the installed `omd-codex-image/SKILL.md` from the active host's skill root in full 2. Resolve `channel` input (auto-detect via `process.env.OMD_CHANNEL`, host agent identity, or `--channel` flag) 3. Read `artifact_path`

Workflow

Follow §1 of the skill — channel-specific dispatch:

  • `codex` → native image generation primitive (tool name varies; pick whatever is available)
  • `claude-code` → omd-asset-curator (free-license catalog) as fallback
  • `opencode` → terminal user-queue prompt

Apply idempotency rules from §3 (skip already-done blocks).

Output

  • Materialized image files at each `filename` path
  • Spec blocks preserved verbatim
  • `<!-- omd:gen-image:done at=<ISO> by=<channel> -->` annotation added immediately below each processed spec
  • One-line summary per §5

Self-audit

Before reporting:

1. Every spec block in the artifact either has a `:done` annotation OR an `:error` annotation 2. No spec block was deleted or modified 3. Every `filename` path exists with size > 0 (unless error state) 4. No identifiable person likeness was generated 5. No brand logos were synthesized (logos must be sourced from `references:` URLs)

Fail → re-run that block before returning.

Parallel safety

Multiple artifacts in different paths are independent. The orchestrator may invoke this agent in parallel across files. Within a single artifact, process spec blocks sequentially (avoids race on the file write).

Read more
Ships withoh-my-design

Give your AI coding agent a design system. One command installs 500+ quality-graded company DESIGN.md references + skills into Claude Code, Codex, Cursor, and OpenCode. Free, MIT, zero AI calls.

Get the whole plugin

Other agents on oh-my-design.