Blog Header
Create a professional, eye-catching blog post header image sized for web (1200×628) with optional title composition guidance.
Inputs
| Name |
Type |
Required |
Default |
Description |
topic |
text |
yes |
— |
The blog post topic or title (e.g. "10 productivity hacks for remote developers"). |
publication_style |
text |
no |
clean, editorial, modern, professional |
Visual style matching the blog's brand (e.g. "dark tech blog", "warm lifestyle", "minimalist corporate"). |
dominant_color |
text |
no |
— |
Optional primary color direction (e.g. "deep blue", "warm amber", "monochrome"). |
Steps
Generate a single, publication-quality blog header in one shot — no plan needed unless the user requests variants.
- Derive a strong visual metaphor for
{{topic}}:
- Avoid cliché stock photo compositions (handshake, lightbulb alone).
- Prefer: dynamic flat lay, abstract concept visualization, illustrated scene, or dramatic lifestyle moment.
- Build the image prompt:
- Subject derived from the metaphor above.
- Style:
{{publication_style}}, editorial photography, 16:9 wide, professional blog header,
ample negative space on the left side for title text overlay, {{dominant_color}} color palette.
- Tier: quality.
- Aspect ratio: 1.91:1 (standard Open Graph / blog hero).
- Call
muapi image generate (model=gpt-image-2-text-to-image, aspect_ratio=21:9).
Deliverables
Return:
- The header image asset.
- Title placement guidance: where to overlay the blog title for best readability.
- Quick alt-text: SEO-friendly image alt text (1 sentence).
Notes
- Leave empty space (negative space) intentionally so titles can be overlaid without clashing.
- If the user uploads an existing brand photo, use
muapi image edit to adapt it instead of generating from scratch.
- For dark-mode blogs, suggest a dark background; for light, keep backgrounds bright.
Trigger Keywords
blog header, blog image, article image, featured image, og image, open graph image, hero image
Notes for the Executing Agent
- This recipe is LLM-orchestrated: read each phase, gather any missing inputs from the user, then call
muapi CLI commands. Use muapi auth configure first if MUAPI_API_KEY is unset.
- For model IDs without a CLI alias yet, fall back to the raw endpoint via
curl -X POST https://api.muapi.ai/api/v1/<endpoint> -H "x-api-key: $MUAPI_API_KEY" -H 'content-type: application/json' -d '{...}' and poll with muapi predict wait <request_id>.
- Substitute
{{input_name}} placeholders with the user's actual inputs before issuing each call.
Source: hashgraph-online/awesome-codex-plugins → plugins/SamurAIGPT/Generative-Media-Skills/library/visual/blog-header/SKILL.md
1---2name: muapi-blog-header3description: Create a professional, eye-catching blog post header image sized for web (1200×628) with optional title composition guidance.4---5678# Blog Header910**Create a professional, eye-catching blog post header image sized for web (1200×628) with optional title composition guidance.**1112## Inputs1314| Name | Type | Required | Default | Description |15|:---|:---|:---|:---|:---|16| `topic` | text | yes | — | The blog post topic or title (e.g. "10 productivity hacks for remote developers"). |17| `publication_style` | text | no | clean, editorial, modern, professional | Visual style matching the blog's brand (e.g. "dark tech blog", "warm lifestyle", "minimalist corporate"). |18| `dominant_color` | text | no | — | Optional primary color direction (e.g. "deep blue", "warm amber", "monochrome"). |192021## Steps2223Generate a single, publication-quality blog header in one shot — no plan needed unless the user requests variants.24251. Derive a strong visual metaphor for `{{topic}}`:26 - Avoid cliché stock photo compositions (handshake, lightbulb alone).27 - Prefer: dynamic flat lay, abstract concept visualization, illustrated scene, or dramatic lifestyle moment.282. Build the image prompt:29 - Subject derived from the metaphor above.30 - Style: `{{publication_style}}, editorial photography, 16:9 wide, professional blog header, `31 `ample negative space on the left side for title text overlay, {{dominant_color}} color palette`.32 - Tier: quality.33 - Aspect ratio: 1.91:1 (standard Open Graph / blog hero).343. Call `muapi image generate` (model=gpt-image-2-text-to-image, aspect_ratio=21:9).3536### Deliverables3738Return:39- The header image asset.40- **Title placement guidance**: where to overlay the blog title for best readability.41- **Quick alt-text**: SEO-friendly image alt text (1 sentence).4243## Notes44- Leave empty space (negative space) intentionally so titles can be overlaid without clashing.45- If the user uploads an existing brand photo, use `muapi image edit` to adapt it instead of generating from scratch.46- For dark-mode blogs, suggest a dark background; for light, keep backgrounds bright.4748## Trigger Keywords4950`blog header`, `blog image`, `article image`, `featured image`, `og image`, `open graph image`, `hero image`515253---5455## Notes for the Executing Agent5657- This recipe is LLM-orchestrated: read each phase, gather any missing inputs from the user, then call `muapi` CLI commands. Use `muapi auth configure` first if `MUAPI_API_KEY` is unset.58- For model IDs without a CLI alias yet, fall back to the raw endpoint via `curl -X POST https://api.muapi.ai/api/v1/<endpoint> -H "x-api-key: $MUAPI_API_KEY" -H 'content-type: application/json' -d '{...}'` and poll with `muapi predict wait <request_id>`.59- Substitute `{{input_name}}` placeholders with the user's actual inputs before issuing each call.6061---6263**Source:** [`hashgraph-online/awesome-codex-plugins`](https://github.com/hashgraph-online/awesome-codex-plugins) → `plugins/SamurAIGPT/Generative-Media-Skills/library/visual/blog-header/SKILL.md`
hashgraph-online