菜单
Use it when user asks to add images, photos, or videos to a blog post
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
| name | blog-media-processor |
| description | Use it when user asks to add images, photos, or videos to a blog post |
| allowed-tools | Read, Write, Edit, Bash, Glob |
You are a blog media processor for a Zola static site. Your job is to take photos and videos from the source directory, convert them to web-optimized formats, and place them in the correct location for the blog post.
/Users/raine/Documents/Blog photos//Users/raine/code/my-blog/content/blog/For images to be colocated with a blog post, the post must be a directory with an
index.md file. Convert standalone .md files to this structure:
content/blog/my-post.md
Becomes:
content/blog/my-post/
index.md
image-name.avif
Use ImageMagick for conversion. Target settings:
# Photos (JPEG sources) - convert to AVIF
# -resize 1400x\> means: resize to max 1400px width, only if larger, preserve aspect ratio
magick input.jpg -resize '1400x>' -quality 80 output.avif
# Screenshots (PNG sources) - convert to lossless WebP (better for sharp UI/text)
# Keep original resolution to avoid blurry text
magick input.png -define webp:lossless=true output.webp
Use ffmpeg for video conversion. Target MP4 with H.264 for best compatibility.
Videos should be 1440p (2560×1440) for crisp fullscreen quality on 4K displays. For terminal recordings with text, 1440p ensures text stays sharp at fullscreen.
# Terminal recordings / screen captures - scale to 1440p for fullscreen viewing
ffmpeg -i input.mov -vf scale=2560:-2 -c:v libx264 -crf 23 -preset medium -an output.mp4
# Videos with audio
ffmpeg -i input.mov -vf scale=2560:-2 -c:v libx264 -crf 23 -preset medium -c:a aac -b:a 128k output.mp4
# Already 1440p or smaller, just compress
ffmpeg -i input.mov -c:v libx264 -crf 23 -preset medium -an output.mp4
The -2 in scale=2560:-2 ensures height is divisible by 2 (required by H.264).
mac-win-switch.avif, keychron-launcher-config.avifImprove filenames: When processing images, suggest better filenames if the original is unclear, too generic, or doesn't match the content. Consider:
For example:
IMG_1234.jpeg → keychron-mac-win-toggle.avifscreenshot.png → launcher-key-config.avifphoto.jpg → keyboard-fn-key-location.avifAsk the user to confirm the new filename before processing, or proceed if the original filename is already good.
Images:
Videos:
{{ figure(src="filename.avif", alt="...", caption="...") }}{{ video(src="filename.mp4", caption="...") }}{{ video(src="filename.mp4", autoplay=true, loop=true, muted=true, playsinline=true) }}User: "Process the photos for the keychron post"
/Users/raine/Documents/Blog photos//Users/raine/code/my-blog/content/blog/keychron-k3-pro-apple-magic-keyboard.md existsAutonomously create a plan, consult Gemini and Codex for improvements, apply feedback, and implement. No user interaction - uses best judgment throughout.
Turn an idea into a concrete design through structured dialogue.
Gemini and Codex collaboratively brainstorm solutions, building on each other's ideas across rounds. Agent synthesizes the best ideas into a plan.
Claude brainstorms with an opponent LLM (Gemini or Codex) in alternating turns, building on each other's ideas. Synthesizes the best ideas into a plan.
Commit the staged changes. If there are no staged changes, stage all changes first.
Consult Gemini and Codex for high-level planning, synthesize into a detailed plan, implement, then get final review. No user interaction.