添付された複数の画像を一括で圧縮・リサイズするスキル。「画像を圧縮して」「このスクショを軽くして」「リサイズして」「画像を小さくして」などのリクエストで使用する。Pillowで長辺1920pxにリサイズし、JPEG/PNGで出力先ディレクトリに保存する。
インストール方法を見るインストールする前に、エージェントに与えられる指示の中身を確認できます。
添付された画像を一括で圧縮・リサイズして出力先ディレクトリに保存するスキル。
jpg / png）、長辺サイズ、品質などの指定を抽出する基本（元の拡張子を維持、長辺1920px）:
python .claude/skills/image-compressor/scripts/compress_images.py "画像1" "画像2" "画像3"
JPGで出力:
python .claude/skills/image-compressor/scripts/compress_images.py "画像1" "画像2" --format jpg
PNGで出力、長辺1280px、品質90:
python .claude/skills/image-compressor/scripts/compress_images.py "画像1" --format png --max-size 1280 --quality 90
| 引数 | 説明 | デフォルト |
|---|---|---|
images | 入力画像パス（可変長・必須） | — |
--format | 出力フォーマット（jpg / png） | 元の拡張子を維持 |
--max-size | 長辺の最大ピクセル数 | 1920 |
--quality | JPEG品質（1-100） | 85 |
プロジェクトルートの .env に以下の環境変数を設定する（任意。未設定時はデフォルト値を使用）:
IMAGE_COMPRESS_OUTPUT_PATH=images/compressed
| 変数名 | 説明 |
|---|---|
IMAGE_COMPRESS_OUTPUT_PATH | 出力先ディレクトリ（デフォルト: images/compressed） |
photo.jpg → photo.jpg）。同名ファイルが既に存在する場合のみ _1, _2 … と連番を付与images/compressed/--max-size 未満の場合はリサイズせず圧縮のみ行う初回エラー時は以下でインストール:
pip install pillow python-dotenv
まだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
AGENTS.md / CLAUDE.mdの作成・編集・整理を行うスキル。CLAUDE.mdを50行以下を推奨とし、詳細ルールはrules/やスキルにモジュール化して分割管理する。以下のリクエストで使用する: (1)「CLAUDE.mdを作って」「AGENTS.mdを整理して」などCLAUDE.mdの新規作成・編集、(2)「ルールを追加して」「rules/に分割して」などルールの追加・分離、(3)「ディレクトリ構成を更新して」など参照の更新、(4) 新しいディレクトリやルールファイルを作成した後のCLAUDE.md反映。
複雑なコードベースを体系的に分析し、アーキテクチャを可視化・ドキュメント化して新規開発者のオンボーディングを支援する汎用スキル。成果物は必ず `docs/` 配下に分割出力する。以下のリクエストで使用する：(1)「このコードベースを分析して」「全体像を教えて」など概要把握、(2)「アーキテクチャドキュメントを作って」「C4図を生成して」など設計ドキュメント生成、(3)「オンボーディング資料を作って」など新規開発者向け資料作成、(4)「技術的負債を洗い出して」など負債評価、(5)「機能一覧を出して」など機能インベントリ生成、(6)「この機能を操作したら何が起きるか追跡して」などユーザー操作フロー追跡、(7)「新機能の実装手順を出して」などフロント／バック横断の実装ガイド生成。特定の言語・フレームワーク・ディレクトリ構成に依存せず、どのリポジトリでも利用できる。
AIコーディングエージェント向けの共通コーディングルール。コードの実装・修正・リファクタリング・レビュー時に使用し、前提確認、最小限の変更、検証に加え、空行・処理の区切り・目的と理由のコメントによる人間が後で理解できる可読性を厳守する。
URL・画像・テキスト要件からAIコーディングエージェント向けのDESIGN.mdを生成するスキル。「example.comをDESIGN.md化して」「このサムネをDESIGN.md化して」「クールでポップなLP用のDESIGN.mdを作って」といったリクエストで使用する。Claude Code / Cursor / Stitch に渡せば一貫したUIを生成できる、getdesign.md / awesome-design-md 準拠の9セクション構成のデザイン仕様書を出力する。CSS解析・画像目視抽出・要件生成の3パターンに対応。
Implement Feature-First architecture with Riverpod state management and Flutter Hooks in Flutter applications
日本語の概要は準備中です。原文の説明を表示しています。
アーキテクチャ知識グラフ(memory MCP / memory.jsonl)の初期作成。「知識グラフを初期化して」「memory グラフを作って」「アーキテクチャグラフを登録して」といった依頼、またはプロジェクト初期構築完了後の仕上げとして使用する。コードベースを調査し、モジュール構成と依存関係を entities / relations として登録する。