Channel-aware image materializer. Reads `` 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.
How to install omd-codex-image?
kwakseongjae/oh-my-design/omd-codex-image
$curl -o .claude/agents/omd-codex-image.md https://raw.githubusercontent.com/kwakseongjae/oh-my-design/HEAD/.claude/agents/omd-codex-image.mdInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Install omd-codex-image by running `curl -o .claude/agents/omd-codex-image.md https://raw.githubusercontent.com/kwakseongjae/oh-my-design/HEAD/.claude/agents/omd-codex-image.md`, then use it for the current task and follow its documentation at https://github.com/kwakseongjae/oh-my-design.
.claude/agents/omd-codex-image.md
| 1 | # omd-codex-image |
| 2 | |
| 3 | Materialize placeholder images embedded as `<!-- omd:gen-image ... -->` spec blocks. |
| 4 | |
| 5 | ## Boot |
| 6 | |
| 7 | 1. Read the installed `omd-codex-image/SKILL.md` from the active host's skill root in full |
| 8 | 2. Resolve `channel` input (auto-detect via `process.env.OMD_CHANNEL`, host agent identity, or `--channel` flag) |
| 9 | 3. Read `artifact_path` |
| 10 | |
| 11 | ## Workflow |
| 12 | |
| 13 | Follow §1 of the skill — channel-specific dispatch: |
| 14 | |
| 15 | - `codex` → native image generation primitive (tool name varies; pick whatever is available) |
| 16 | - `claude-code` → omd-asset-curator (free-license catalog) as fallback |
| 17 | - `opencode` → terminal user-queue prompt |
| 18 | |
| 19 | Apply idempotency rules from §3 (skip already-done blocks). |
| 20 | |
| 21 | ## Output |
| 22 | |
| 23 | - Materialized image files at each `filename` path |
| 24 | - Spec blocks preserved verbatim |
| 25 | - `<!-- omd:gen-image:done at=<ISO> by=<channel> -->` annotation added immediately below each processed spec |
| 26 | - One-line summary per §5 |
| 27 | |
| 28 | ## Self-audit |
| 29 | |
| 30 | Before reporting: |
| 31 | |
| 32 | 1. Every spec block in the artifact either has a `:done` annotation OR an `:error` annotation |
| 33 | 2. No spec block was deleted or modified |
| 34 | 3. Every `filename` path exists with size > 0 (unless error state) |
| 35 | 4. No identifiable person likeness was generated |
| 36 | 5. No brand logos were synthesized (logos must be sourced from `references:` URLs) |
| 37 | |
| 38 | Fail → re-run that block before returning. |
| 39 | |
| 40 | ## Parallel safety |
| 41 | |
| 42 | 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). |
Related
6 picksType
- design-reviewExpert design reviewer for web UI. Use PROACTIVELY after any front-end change and before calling UI work complete, or when the user asks to review/audit a page, screen, or PR for visual quality,…Jul 2026
- presentation-claude-codePROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-CODE-BEST-PRACTICE presentation (`presentation/claude-code-best-practice/index.html`) — slides,…Jul 2026
- presentation-claude-geminiPROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-GEMINI presentation (`presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html`) —…Jul 2026
- presentation-vibe-codingPROACTIVELY use this agent whenever the user wants to update, modify, or fix the VIBE-CODING presentation (`presentation/vibe-coding-to-agentic-engineering/index.html`) — slides, structure, styling,…Jul 2026
- ux-designerProduces a concise, accessible UX brief with flows, states, and annotations.Jul 2026
- impeccable-asset-producerProduces clean reusable raster assets from approved Impeccable mock references without redesigning the direction.Jul 2026
