mcpField
M
muapi-blog-header

muapi-blog-header

github.com/samuraigpt设计与 UI25659 次安装4 周前更新
代码仓库

关于 muapi-blog-header

muapi-blog-header 是用于生成博客文章头图的图像创作流程,面向博客出版和内容设计。它根据主题构思视觉隐喻,并为标题叠加预留空间。

主要功能

  1. 01根据文章主题构思视觉隐喻
  2. 02生成宽幅博客头图
  3. 03可指定出版风格与主色
  4. 04提供标题位置建议和替代文本

适用场景

  1. 01为博客文章制作头图
  2. 02为 Open Graph 页面准备配图
  3. 03将现有品牌照片调整为文章头图

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/samuraigpt/generative-media-skills --skill muapi-blog-header

安装后在 Claude Code 中输入/muapi-blog-header确认已加载。

详细介绍

博客页眉图

创建一张适用于网页的专业、吸睛博客文章页眉图(1200×628),并可提供标题排版建议。

输入

名称类型必填默认值说明
topic文本是—博客文章的主题或标题(例如:“远程开发者的 10 个效率技巧”)。
publication_style文本否clean, editorial, modern, professional与博客品牌相匹配的视觉风格(例如:“深色科技博客”“温暖生活风格”“极简企业风格”)。
dominant_color文本否—可选的主色方向(例如:“深蓝色”“暖琥珀色”“单色”)。

步骤

一次生成一张可直接发布的博客页眉图;除非用户要求提供多个版本,否则无需规划。

  1. 根据 {{topic}} 提炼鲜明的视觉隐喻:
    • 避免陈词滥调的图库照片构图(握手、单独的灯泡)。
    • 优先考虑:动态平铺构图、抽象概念可视化、插画场景或戏剧化的生活瞬间。
  2. 编写图像提示词:
    • 主体:根据上述隐喻确定。
    • 风格:{{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。
    • 品质等级:quality。
    • 宽高比:1.91:1(标准 Open Graph/博客主视觉图)。
  3. 调用 muapi image generate(model=gpt-image-2-text-to-image, aspect_ratio=21:9)。
交付内容

返回:

  • 页眉图素材。
  • 标题放置建议:说明将博客标题叠加在何处最易辨读。
  • 简短替代文本:一句适合 SEO 的图像替代文本。

注意事项

  • 有意留出空白区域(负空间),避免标题叠加时与画面冲突。
  • 如果用户上传了现有品牌照片,请使用 muapi image edit 进行改编,而非从头生成。
  • 对于深色模式博客,建议使用深色背景;对于浅色模式博客,背景应保持明亮。

触发关键词

blog header、blog image、article image、featured image、og image、open graph image、hero image


执行 Agent 注意事项

  • 此配方由 LLM 编排:阅读各个阶段,向用户收集缺失的输入,然后调用 muapi CLI 命令。如果未设置 MUAPI_API_KEY,请先运行 muapi auth configure。
  • 对于尚无 CLI 别名的模型 ID,请使用 curl -X POST https://api.muapi.ai/api/v1/<endpoint> -H "x-api-key: $MUAPI_API_KEY" -H 'content-type: application/json' -d '{...}' 调用原始端点,并使用 muapi predict wait <request_id> 轮询。
  • 每次调用前,将 {{input_name}} 占位符替换为用户的实际输入。

评论

支持 Markdown