L’interface est localisée ; les présentations et documents des Skills sont traduits automatiquement par IA dans votre langue. Le code, les commandes, chemins et termes techniques restent en version originale, et le document de l’auteur fait foi.
Explorer les Skills
Développement · SKILL.md

muapi-blog-header

muapi-blog-header

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

Independent GitHub snapshot · Automated classification · Original documentation governs

Documentation de la Skill

GitHub

slug: muapi-blog-header name: muapi-blog-header version: "1.0.0" description: Create a professional, eye-catching blog post header image sized for web (1200×628) with optional title composition guidance. acceptLicenseTerms: true

Blog Header

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

Inputs

NameTypeRequiredDefaultDescription
topictextyes—The 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_colortextno—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.

  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.
Skills enregistrées