skills.rest
kwakseongjae
kwakseongjaeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

omd:codex-image

Generate image placeholders from YAML specifications in Codex channels.

416|35|Updated Apr 13, 2026
Search Tags:#image generation#codex#dynamic content#image placeholder#skilled image handling
One-click install
npx skills add https://github.com/kwakseongjae/oh-my-design --skill omd-codex-image
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: omd:codex-image
Source: https://github.com/kwakseongjae/oh-my-design/tree/main/.claude/skills/omd-codex-image
Command: npx skills add https://github.com/kwakseongjae/oh-my-design --skill omd-codex-image

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill simplifies the creation of dynamic image placeholders for use within Codex channels, enabling a consistent experience in artifact generation across HTML, Markdown, and JSX formats.

Core Features & Use Cases

  • Image Placeholder Generation: Automatically create placeholders for images, suitable for use within Codex channel-generated content.
  • Channel-aware: Adapts to the Codex, Claude Code, and OpenCode channels with distinct processing strategies.
  • Spec-based Format: Uses a single, standardized comment block format to define image specifications.
  • Use Case: When writing Markdown documentation, simply insert a comment with the desired image attributes and the Skill generates a placeholder image.

Quick Start

Generate an image placeholder in the format <!-- omd:gen-image ... --> within your document to use this Skill.

Frequently Asked Questions about omd:codex-image

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate dynamic image placeholders for Markdown documentation?▼

You can generate dynamic image placeholders by inserting a standardized comment block format like `<!-- omd:gen-image ... -->` with your desired attributes directly into your Markdown or HTML documentation.

What is the spec format for Codex image generation?▼

The spec format is a standardized comment block using YAML parsing to define image attributes and specifications, allowing you to consistently generate image placeholders across HTML, Markdown, and JSX formats.

Does this image placeholder generation work across different channels?▼

Yes, the image placeholder generation is channel-aware and adapts to Codex, Claude Code, and OpenCode channels by applying distinct processing strategies for each environment.

Can I use a single spec format for HTML, Markdown, and JSX image placeholders?▼

Yes, you can use a single standardized comment block spec format to define image specifications, ensuring a consistent artifact generation experience across HTML, Markdown, and JSX formats.

Do I need YAML to define image specifications for Codex channel documentation?▼

Yes, the Skill requires YAML parsing to properly define image attributes and specifications within the standardized comment block for Codex channel-based documentation generation.

Why use a spec-based comment block instead of manual image placeholders?▼

Using a spec-based comment block simplifies dynamic placeholder creation and ensures consistent artifact generation across multiple formats, eliminating the need to manually code separate placeholders for HTML, Markdown, and JSX.

Related Skills

Explore More Design & Creative Skills→
mcclowesmcclowes

commonmark

Parse Markdown into an AST and render it to HTML per CommonMark.

Community
Intermediate
houfuhoufu
3

codraft-renderer

Render DOCX, HTML, and Markdown templates with variable data and validate placeholders.

Community
Advanced
heggriaheggria
53

taskflow

Orchestrate multi-phase workflows across Claude Code, Codex, and OpenCode subagents.

Community
Advanced
KILWA73KILWA73

nano-banana

Generate production-ready AI image prompts for icons, logos, and brand assets.

Community
Advanced