
muapi-blog-header
Create a professional, eye-catching blog post header image sized for web (1200×628) with optional title composition guidance.
- Installs
- 660
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/samuraigpt/generative-media-skills --skill muapi-blog-header- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads muapi-blog-header automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
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 editto 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
muapiCLI commands. Usemuapi auth configurefirst ifMUAPI_API_KEYis 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 withmuapi predict wait <request_id>. - Substitute
{{input_name}}placeholders with the user's actual inputs before issuing each call.
FAQ
What does the muapi-blog-header skill do?
Create a professional, eye-catching blog post header image sized for web (1200×628) with optional title composition guidance.
How do I install muapi-blog-header?
Run npx skills add https://github.com/samuraigpt/generative-media-skills --skill muapi-blog-header in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/muapi-blog-header/ (personal) or .claude/skills/muapi-blog-header/ (project).
Which AI agents can use muapi-blog-header?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is muapi-blog-header safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains muapi-blog-header?
It is published by samuraigpt in samuraigpt/generative-media-skills. It has 660 recorded installs.
More from samuraigpt/generative-media-skills
muapi-cinema-director
samuraigpt/generative-media-skills
Direct high-fidelity cinematic video with AI — translates creative intent into technical cinematographic directives for Veo3, Kling, and Luma video models via muapi.ai
muapi-seedance-2
samuraigpt/generative-media-skills
Expert Cinema Director skill for Seedance 2.0 (ByteDance) — high-fidelity video generation across Chinese, Global, and VIP tiers. Supports text-to-video, image-to-video, first-last-frame, omni reference, character training, omni-reference training, video editing, and watermark removal.
muapi-logo-creator
samuraigpt/generative-media-skills
Engineer professional-grade brand logos using geometric primitives and negative space — generates minimalist, scalable vector-style marks via muapi.ai
muapi-nano-banana
samuraigpt/generative-media-skills
Reasoning-driven image generation using structured creative briefs (Gemini 3 style) — generates high-fidelity images via muapi.ai with logic-based prompting
muapi-ui-design
samuraigpt/generative-media-skills
Generate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates wireframes and design systems via muapi.ai
muapi-social-media-video
samuraigpt/generative-media-skills
Brand-aware social media video creator. Reads brand-identity.md, ICP.md, and messaging.md to write a post/storyboard, craft an optimized Seedance 2.0 Director prompt, generate reference frames with the best available image model, and produce platform-ready video.
Popular docs & writing skills
grill-with-docs
mattpocock/skills
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
lark-markdown
open.feishu.cn
飞书 Markdown:查看、创建、上传、编辑和比较飞书中的原生 Markdown 文件。当用户要操作飞书 Markdown 文件,或比较其远端版本及本地草稿时使用。纯本地 Markdown 文件操作不触发本 skill。不负责将 Markdown 导入为飞书在线文档,也不负责文件搜索、权限、评论、移动、删除等云空间管理操作。
writing-beats
mattpocock/skills
Writing, exploit; assemble raw material into a journey of beats, grounding each term before a beat leans on it.
writing-shape
mattpocock/skills
Writing, exploit: shape raw material into an article, paragraph by paragraph.
writing-fragments
mattpocock/skills
Writing, explore: mine raw fragments, no structure yet.
writing-for-agents
mattpocock/skills
Writing documents for agents. Use when creating or editing skills, or modifying AGENTS.md or CLAUDE.md.