Blog header

Skill SamurAIGPT/Generative-Media-Skills/library/visual/blog-header

Multi-modal Generative Media Skills for AI Agents (Claude Code, Cursor, Gemini CLI). High-quality image, video, and audio generation powered by muapi.ai.

Install

npx -y skills add SamurAIGPT/Generative-Media-Skills --skill blog-header

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

What its author says it does

Copied from the file, not written here

Create a professional, eye-catching blog post header image sized for web (1200×628) with optional title composition guidance.

SKILL.md

2.9 KB, as published. Nobody here has run it

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.