CtrlK
BlogDocsLog inGet started
Tessl Logo

muapi-blog-header

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

52

Quality

57%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./library/visual/blog-header/SKILL.md
SKILL.md
Quality
Evals
Security

Blog Header

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

Inputs

NameTypeRequiredDefaultDescription
topictextyesThe blog post topic or title (e.g. "10 productivity hacks for remote developers").
publication_styletextnoclean, editorial, modern, professionalVisual style matching the blog's brand (e.g. "dark tech blog", "warm lifestyle", "minimalist corporate").
dominant_colortextnoOptional 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.

  1. 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.
  2. 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).
  3. 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.
Repository
SamurAIGPT/Generative-Media-Skills
Last updated
First committed

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.