Agent skill · design visual · samuraigpt
muapi-blog-header
Create a professional, eye-catching blog post header image sized for web (1200×628) with optional title composition guidance.
Why this skill is useful
Generates a professional blog header image with specific design guidelines and API commands that the AI wouldn't reliably create on its own.
What it needs
Requires muapi installed locally. Requires muapi account access. About 2k tokens when loaded. Last updated 2026-08-04. 3,990 stars on the source repository.
What this skill does
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"). publicationstyle text no clean, editorial, modern, professional Visual style matching the blog's brand (e.g. "dark tech blog", "warm lifestyle", "minimalist corporate"). dominantcolor 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. 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: {{publicationstyle}}, editorial photography, 16:9 wide, professional blog header, ample negative space on the left side for title text overlay, {{dominantcolor}} 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, aspectratio=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. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills samuraigpt/blog-header