Back to Details

mike-convex-thumbnail

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Mike Convex Thumbnail

Mike风格Convex视频缩略图制作指南

Create polished YouTube thumbnails for Mike's Convex/dev videos using the image model, Mike's local cutout photos, and local Convex brand assets.
使用图像模型、Mike本地的头像抠图以及Convex本地品牌资源，为Mike的Convex/开发者视频制作精美的YouTube缩略图。

When to Use

使用场景

  • Creating YouTube thumbnail options for a Convex or developer video.
  • Reworking the Convex static hosting "NO DASHBOARDS" thumbnail.
  • Making a thumbnail that must include Mike's recognizable head-and-shoulders portrait.
  • Replacing an incorrect generated mark with the real Convex logo or symbol.
  • 为Convex或开发者视频制作YouTube缩略图选项。
  • 重新制作Convex静态托管“NO DASHBOARDS”缩略图。
  • 制作必须包含Mike辨识度高的半身头像的缩略图。
  • 将生成错误的标识替换为官方Convex标志或符号。

When Not to Use

禁用场景

  • Generic thumbnail advice with no image generation requested.
  • Non-Convex videos unless Mike explicitly wants the same personal thumbnail style.
  • Deterministic compositing in code, unless Mike explicitly asks for a manual layout. The manual collage route looked bad for this style.
  • 未要求图像生成的通用缩略图建议。
  • 非Convex视频（除非Mike明确要求使用相同的个人缩略图风格）。
  • 通过代码进行确定性合成（除非Mike明确要求手动布局）。手动拼接的方式不符合该风格的要求。

Core Workflow

核心工作流程

  1. Inspect the available local references before prompting the image model:
    • Run 
      scripts/check-local-assets.ps1
      from this skill if the paths may have moved.
    • Use 
      view_image
      on at least one Mike headshot and the Convex symbol before calling the image model.
  2. If the user provided a script, Notion page, or video brief, extract the main hook first. Keep the thumbnail concept simple enough to read at feed size.
  3. Use the image model for the thumbnail. Do not build the main image by manually pasting cutouts and cards together unless the user asks for that.
  4. Keep text short. Prefer one strong phrase such as 
    NO DASHBOARDS
    , 
    HOST ON CONVEX
    , 
    STATIC APP LIVE
    , or 
    SKIP HOSTING
    .
  5. Prompt for Mike as a large recognizable head-and-shoulders portrait, not a full-body figure.
  6. Prompt the Convex logo as a brand reference. If a generated logo is wrong, explicitly say to replace any cube or hexagon mark with the official Convex swirl symbol.
  7. Return 3 to 5 visually distinct options when brainstorming. If Mike points at one option, iterate that option instead of restarting the set.
  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指定了某个选项，对该选项进行迭代优化，而非重新生成一组选项。

Local Paths

本地路径

Use these current local paths on Mike's machine:
PurposePath
Mike cutout photo folder
G:\My Drive\Personal\Photos of Me\convex\Backgrounds Removed
Primary Convex symbol
C:\Users\mikec\Assets\Images\symbol-color (1).png
Convex color logo
C:\Users\mikec\Assets\Images\logo-color.png
Convex white wordmark
C:\Users\mikec\Assets\Images\wordmark-white.png
Convex white symbol
C:\Users\mikec\Assets\Images\symbol-white.png
Static hosting liked reference screenshot
C:\Users\mikec\AppData\Local\Temp\codex-clipboard-2e3ea2e2-5464-460f-86f3-f4c4bcd6f731.png
The temp screenshot path may disappear. If it is missing, recreate the concept from the recipe in 
references/static-hosting-thumbnail.md
.
使用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
中的方案重新制作该概念图。

Preferred Mike References

推荐的Mike参考图

Use the folder above. These files worked well in the static hosting session:
FileBest use
WIN_20250626_10_41_38_Pro.png
Skeptical or "no dashboards" side-eye
WIN_20250626_10_39_35_Pro.png
Friendly/excited host-on-Convex idea
WIN_20250701_07_35_49_Pro.png
Excited, looking up at a concept
WIN_20250701_07_36_01_Pro.png
Smiling explainer pose
WIN_20250701_07_34_53_Pro.png
Looking right with gesture
使用上述文件夹中的图片。以下文件在静态托管缩略图制作中效果良好：
文件名称最佳适用场景
WIN_20250626_10_41_38_Pro.png
怀疑或“无仪表盘”的侧目表情
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
看向右侧并做出手势的姿态

Prompt Patterns

提示词模板

Bad

错误示例

text
Make a thumbnail about Convex hosting with Mike and some dashboard stuff.
This lets the model invent Mike, invent the logo, and create clutter.
text
Make a thumbnail about Convex hosting with Mike and some dashboard stuff.
这类提示词会让模型自行生成Mike的形象、标志，还会造成画面杂乱。

Good

正确示例

text
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.
text
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.

Static Hosting Recipe

静态托管缩略图制作方案

Read 
references/static-hosting-thumbnail.md
when the user asks for a thumbnail like the Convex static hosting example or when the requested video is about static hosting, 
convex.site
, hosting without Vercel/Netlify/Cloudflare, SPA fallback, CI deploys, custom domains, or update banners.
当用户要求制作类似Convex静态托管示例的缩略图，或请求的视频主题涉及静态托管、
convex.site
、无需Vercel/Netlify/Cloudflare的托管、SPA fallback、CI部署、自定义域名或更新横幅时，请阅读
references/static-hosting-thumbnail.md
。

Checklist

检查清单

  • Loaded or inspected a Mike headshot from the local photo folder.
  • Loaded or inspected the real Convex symbol or wordmark.
  • Used the image model for the main thumbnail draft.
  • Kept the visible text short and exact.
  • Preserved Mike's recognizable head-and-shoulders identity.
  • Avoided real third-party hosting provider logos unless Mike explicitly asked for them.
  • Replaced any generated cube/hexagon logo with the real Convex swirl.
  • 已加载或检查本地文件夹中的Mike头像
  • 已加载或检查官方Convex符号或文字标志
  • 已使用图像模型制作缩略图初稿
  • 可见文字简短且准确
  • 保留了Mike辨识度高的半身形象
  • 未使用第三方托管服务商的官方标志（除非Mike明确要求）
  • 已将生成的立方体/六边形标志替换为官方Convex漩涡符号