Images

compress-images は、Web と SEO のパフォーマンス向上を目的に画像最適化を自動化する skill です。元の JPG、PNG、GIF を `originals/` フォルダへ退避し、WebP に変換したうえで、ファイルが 100KB 未満になるまで繰り返し圧縮し、コンテンツ内の参照も更新して、より安全な一括処理を実現します。

scientific-schematics は、自然言語の指示を出版品質の科学図表へ変換し、スマートな反復改善まで行う skill です。生成には 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 スキルです。ビジュアル参照を実際のWebページに変換します。まずデザイン画像を生成し、その後に丁寧な分析を行ってから実装へ進み、レイアウト、余白、タイポグラフィ、ヒーロー部分の構成を忠実に再現します。ランディングページ、製品ページ、編集系レイアウト、ポートフォリオ、そして高い視覚的忠実度が求められるリデザインに適しています。

seo-imagesスキルは、SEOコンテンツ、商品ページ、編集記事など、画像量の多いページを対象に、画像SEOとパフォーマンスを分析します。altテキスト、ファイルサイズ、形式、レスポンシブ配信、遅延読み込み、CLSリスク、画像SERPでの表示、さらにWebP/AVIFやIPTC/XMPメタデータなどの最適化 विकल्पをチェックします。実用的で優先順位のついた画像監査が必要なときに使うスキルです。

seo-image-gen は、SEO向けの画像リクエストを、OG画像、SNSプレビュー、ヒーローバナー、商品ビジュアル、インフォグラフィック、サムネイル向けの本番投入レベルのプロンプトと設定に変換する GitHub skill です。nanobanana-mcp 経由で Gemini を使用し、実用的な seo-image-gen のガイドとワークフローを前提として banana 拡張機能の導入を想定しています。

gif-sticker-maker は、MiniMax Image Generation、MiniMax Video Generation、ffmpeg を使って、写真を Funko Pop / Pop Mart 風のアニメーション GIF ステッカー4枚に変換する skill です。この gif-sticker-maker skill では、導入前提、プロンプトテンプレート、キャプション、画像からGIFまでの一連のワークフローを扱います。

netlify-image-cdn は、Netlify の Image CDN を使って `/.netlify/images` 経由で画像のリサイズ、トリミング、フォーマット変換、最適化を行うためのガイドです。ローカルアセット、レスポンシブ画像のマークアップ、リモート画像の allowlist 設定、クリーンな URL リライト、さらに Functions + Blobs を使った Backend Development 向けのアップロードパイプラインまで扱います。