关于 muapi-blog-header
muapi-blog-header 是用于生成博客文章头图的图像创作流程,面向博客出版和内容设计。它根据主题构思视觉隐喻,并为标题叠加预留空间。
主要功能
- 01根据文章主题构思视觉隐喻
- 02生成宽幅博客头图
- 03可指定出版风格与主色
- 04提供标题位置建议和替代文本
适用场景
- 01为博客文章制作头图
- 02为 Open Graph 页面准备配图
- 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 | 文本 | 否 | — | 可选的主色方向(例如:“深蓝色”“暖琥珀色”“单色”)。 |
步骤
一次生成一张可直接发布的博客页眉图;除非用户要求提供多个版本,否则无需规划。
- 根据
{{topic}}提炼鲜明的视觉隐喻:- 避免陈词滥调的图库照片构图(握手、单独的灯泡)。
- 优先考虑:动态平铺构图、抽象概念可视化、插画场景或戏剧化的生活瞬间。
- 编写图像提示词:
- 主体:根据上述隐喻确定。
- 风格:
{{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/博客主视觉图)。
- 调用
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 编排:阅读各个阶段,向用户收集缺失的输入,然后调用
muapiCLI 命令。如果未设置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