图片

compress-images 會自動化網頁與 SEO 影像最佳化流程。它會把來源 JPG、PNG 或 GIF 檔移到 `originals/` 資料夾，轉成 WebP，反覆壓縮直到檔案低於 100KB，並更新內容引用，讓批次處理更安全。

scientific-schematics 可將自然語言提示詞轉成可達到出版等級的科學圖表，並透過智慧型迭代精修持續提升成品。它以 Nano Banana 2 進行生成，並使用 Gemini 3.1 Pro Preview 進行審查；只有當輸出低於你文件類型所需門檻時才會重新生成。這套流程特別適合神經網路架構、系統圖、流程圖、生物路徑，以及其他複雜的科學視覺化內容。

generate-image 是一個透過 OpenRouter，搭配 FLUX.2 Pro、Gemini 3.1 Flash Image Preview 等 AI 模型來生成或編輯圖像的技能。當你需要可重複的工作流程，而不是一次性的提示詞時，它很適合用於照片、插畫、概念藝術、視覺素材與圖片編修。若是要做圖解、流程圖或示意圖，請改用 scientific-schematics。

image-to-code 是一個給 Codex 使用的 image-to-code 技能，能把視覺參考轉成真正的網頁。它會先進行設計圖片生成，再做仔細分析，最後實作成符合版面、間距、字體與 hero 構圖的頁面。適合用在需要高視覺還原度的 landing page、產品頁、編輯版面、作品集，以及改版專案。

seo-images 技能會分析 SEO 內容、產品頁、編輯文章與其他以圖片為主的頁面之圖片 SEO 與效能。它會檢查 alt 文字、檔案大小、格式、響應式傳送、lazy loading、CLS 風險、圖片 SERP 可見度，以及像 WebP/AVIF 與 IPTC/XMP metadata 這類最佳化選項。當你需要一份實用、可優先排序的圖片稽核時，就適合使用它。

seo-image-gen 是一個 GitHub skill，可將 SEO 圖像需求轉化為可直接上線使用的提示詞與設定，適用於 OG 圖、社群預覽、Hero 橫幅、產品視覺、資訊圖表與縮圖。它透過 nanobanana-mcp 使用 Gemini，並假設已安裝 banana extension，提供一份實用的 seo-image-gen 使用指南與工作流程。

gif-sticker-maker 會使用 MiniMax Image Generation、MiniMax Video Generation 和 ffmpeg，將照片轉成 4 張 Funko Pop / Pop Mart 風格的動態 GIF 貼圖。這個 gif-sticker-maker 技能涵蓋安裝前置需求、提示詞範本、說明文字，以及完整的圖像轉 GIF 工作流程。

netlify-image-cdn 是一份指南，教你如何透過 Netlify 的 Image CDN，使用 `/.netlify/images` 來調整圖片尺寸、裁切、轉換格式並進行最佳化。內容涵蓋本機資產、響應式圖片標記、遠端圖片 allowlisting、乾淨 URL rewrite，以及搭配 Functions + Blobs 的上傳流程，適用於後端開發。