‹ 首页

muapi-blog-header

@samuraigpt · 收录于 1 周前 · 上游提交 3 周前

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

适合你,如果你需要快速制作博客文章的头图

/ 下载安装
muapi-blog-header.skill双击,或拖进 Claude 桌面版 / Cowork,即完成安装↓ .skill↓ .zip
用别的 agent?下载 .zip 解压,把文件夹放进它的技能目录
Claude Code~/.claude/skills/(项目级 .claude/skills/)
Codex CLI~/.codex/skills/
Cursor自动读取上面两处目录
其他工具见其文档的「skills」目录;两个下载是同一份文件,只是名字不同
/ 通过 npx 安装 校验哈希
npx oh-my-skill add samuraigpt/generative-media-skills/muapi-blog-header
/ 通过 bash 安装
curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- samuraigpt/generative-media-skills/muapi-blog-header
/ 已经装过?验证本机副本,不用重装
npx oh-my-skill verify samuraigpt/generative-media-skills/muapi-blog-header
安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。
3754GitHub stars
~628上下文体积 · 单文件
镜像托管

怎么用

商店整理自技能原文 · 版本 a1c4c98 · 表述以原文为准
它做什么

生成一张1200×628像素的博客文章头图,并给出标题放置建议和SEO友好的替代文本。

什么时候触发

当你提到“博客头图”、“文章图片”、“特色图片”、“OG图片”等关键词,或要求为博客文章配图时触发。

装好后可以这样说
将生成一张1200×628的头图,并给出标题放置建议。
会按指定风格生成头图,并留出标题空间。
技能原文 SKILL.md作者撰写 · MIT · a1c4c98

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.

  1. Derive a strong visual metaphor for {{topic}}:
  2. Avoid cliché stock photo compositions (handshake, lightbulb alone).
  3. Prefer: dynamic flat lay, abstract concept visualization, illustrated scene, or dramatic lifestyle moment.
  4. Build the image prompt:
  5. Subject derived from the metaphor above.
  6. 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.
  7. Tier: quality.
  8. Aspect ratio: 1.91:1 (standard Open Graph / blog hero).
  9. 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.
按 MIT 许可原样转载,未经改动 · 在 GitHub 查看 →

评论

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。