mcpbeat

Muapi Blog Header

samuraigpt/muapi-blog-header

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

733 tokens
context cost
the whole folder, loaded on every use
1
files
instructions only
0
copies elsewhere
how many repositories repackaged it
3969
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/SamurAIGPT/Generative-Media-Skills --skill muapi-blog-header

The instruction itself

7 sections, as written by the author

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.

How to use it

Copy the folder

Take samuraigpt/muapi-blog-header from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.