mcpField
M
mike-convex-thumbnail

mike-convex-thumbnail

github.com/get-convex创意与媒体69550 次安装1 天前更新
代码仓库

关于 mike-convex-thumbnail

为 Mike 的 Convex 和开发者视频制作 YouTube 缩略图的创作技能。它结合图像模型、Mike 的本地肖像素材和 Convex 品牌素材,支持生成多种方案并迭代选定方案。

主要功能

  1. 01使用图像模型制作缩略图
  2. 02参考 Mike 的本地肖像素材
  3. 03使用真实 Convex 标志素材
  4. 04围绕视频主题提炼缩略图概念
  5. 05提供多种视觉方案并迭代

适用场景

  1. 01为 Convex 视频制作缩略图
  2. 02为开发者视频构思缩略图方案
  3. 03重制 Convex 静态托管主题缩略图
  4. 04修正生成图中的 Convex 标志

安装

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

$npx skills add https://github.com/get-convex/agent-skills --skill mike-convex-thumbnail

安装后在 Claude Code 中输入/mike-convex-thumbnail确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

agents/
openai.yaml
references/
static-hosting-thumbnail.md
scripts/
check-local-assets.ps1

详细介绍

Mike Convex 缩略图

使用图像模型、Mike 的本地抠图照片和本地 Convex 品牌素材,为 Mike 的 Convex/开发者视频制作精美的 YouTube 缩略图。

适用场景

  • 为 Convex 或开发者视频制作 YouTube 缩略图选项。
  • 重做 Convex 静态托管「NO DASHBOARDS」缩略图。
  • 制作必须包含 Mike 具有辨识度的头肩肖像的缩略图。
  • 将生成错误的标志替换为真正的 Convex 徽标或符号。

不适用场景

  • 未要求生成图像的通用缩略图建议。
  • 非 Convex 视频,除非 Mike 明确希望采用相同的个人缩略图风格。
  • 使用代码进行确定性合成,除非 Mike 明确要求手动排版。手动拼贴的方式不适合这种风格,效果不好。

核心工作流

  1. 提示图像模型之前,先检查可用的本地参考素材:
    • 如果路径可能已变动,请运行此技能中的 scripts/check-local-assets.ps1。
    • 调用图像模型之前,至少使用 view_image 查看一张 Mike 的头像照片和 Convex 符号。
  2. 如果用户提供了脚本、Notion 页面或视频简介,先提炼核心卖点。缩略图概念要足够简单,以便在信息流中一眼看清。
  3. 使用图像模型制作缩略图。除非用户要求,否则不要通过手动拼贴抠图和卡片来制作主图。
  4. 文案要简短。优先使用一个有力的短语,例如 NO DASHBOARDS、HOST ON CONVEX、STATIC APP LIVE 或 SKIP HOSTING。
  5. 提示模型将 Mike 生成为大幅、具有辨识度的头肩肖像,而不是全身人物。
  6. 将 Convex 徽标作为品牌参考。如果生成的徽标不正确,请明确要求将任何立方体或六边形标记替换为官方 Convex 漩涡符号。
  7. 头脑风暴时,提供 3 到 5 个视觉上明显不同的选项。如果 Mike 指定了某个选项,就迭代该选项,而不是重新开始整组方案。

本地路径

使用 Mike 电脑上的以下当前本地路径:

用途路径
Mike 抠图照片文件夹G:\My Drive\Personal\Photos of Me\convex\Backgrounds Removed
Convex 主要符号C:\Users\mikec\Assets\Images\symbol-color (1).png
Convex 彩色徽标C:\Users\mikec\Assets\Images\logo-color.png
Convex 白色字标C:\Users\mikec\Assets\Images\wordmark-white.png
Convex 白色符号C:\Users\mikec\Assets\Images\symbol-white.png
静态托管的喜爱参考截图C:\Users\mikec\AppData\Local\Temp\codex-clipboard-2e3ea2e2-5464-460f-86f3-f4c4bcd6f731.png

临时截图路径可能会失效。如果文件不存在,请根据 references/static-hosting-thumbnail.md 中的方案重新制作。

Mike 的首选参考素材

使用上面的文件夹。以下文件在静态托管任务中效果很好:

文件最佳用途
WIN_20250626_10_41_38_Pro.png怀疑的神情,或「no dashboards」的侧目表情
WIN_20250626_10_39_35_Pro.png友善/兴奋的 Convex 托管创意
WIN_20250701_07_35_49_Pro.png兴奋地仰望某个概念
WIN_20250701_07_36_01_Pro.png微笑讲解的姿势
WIN_20250701_07_34_53_Pro.png看向右侧并做手势

提示词模式

不佳
Make a thumbnail about Convex hosting with Mike and some dashboard stuff.

这样会让模型虚构 Mike、虚构徽标,还会造成画面杂乱。

良好
Use case: ads-marketing
Asset type: YouTube thumbnail edit, 16:9 landscape
Primary request: Create a polished version of the provided thumbnail image.
Keep Mike on the left, big "NO DASHBOARDS" text, blurred generic dashboard
panels with red X marks in the middle, and a glowing live hosting card on the
right.
Input image roles: Use the provided thumbnail as composition/style reference.
Use the visible Mike photo as identity reference. Use the visible Convex
colored swirl symbol as the exact brand/logo reference.
Required change: Replace any cube or hexagon mark on the right-side card with
the official Convex colored swirl symbol. The card can say "convex.site" and
"Live".
Constraints: Head and shoulders only. Preserve Mike's recognizable face and
black Convex cap. Keep the text exactly "NO DASHBOARDS". No real third-party
logos. No watermark.
Avoid: fake logo, misspelled text, extra words, cluttered UI, distorted face,
extra fingers, cheap collage look.

静态托管配方

当用户要求制作类似 Convex 静态托管示例的缩略图,或者请求的视频与静态托管、convex.site、不使用 Vercel/Netlify/Cloudflare 进行托管、SPA 回退、CI 部署、自定义域名或更新横幅有关时,请阅读 references/static-hosting-thumbnail.md。

检查清单

  • 已从本地照片文件夹加载或查看 Mike 的头像。
  • 已加载或查看真实的 Convex 符号或字标。
  • 已使用图像模型制作主要缩略图初稿。
  • 保持可见文字简短且准确。
  • 保留 Mike 易于辨认的头肩形象。
  • 除非 Mike 明确要求,否则避免使用真实的第三方托管服务商徽标。
  • 将生成的任何立方体/六边形徽标替换为真实的 Convex 漩涡标志。

评论

支持 Markdown