mcpField
V
visual-inspection-improvement

visual-inspection-improvement

github.com/jord-jdデザイン・UI58 回インストール
リポジトリ

visual-inspection-improvement について

要件と既存のスタイル制約に照らして、プロジェクトの画面やビューを確認・改善する視覚検査スキルです。撮影画像を根拠にし、変更後は影響を受けるビューを再確認します。

主な機能

  1. 01関連するビューと状態を撮影
  2. 02適切な倍率で画像を確認
  3. 03要件や参考資料と比較
  4. 04範囲内で見つかった不具合を修正
  5. 05再撮影して変更を再確認

活用シーン

  1. 01成果物を変更せずに視覚レビュー
  2. 02欠けや読みにくいテキストの発見
  3. 03参考資料に照らしたスタイルや比率の確認
  4. 04関連状態に対する修正の検証

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/jord-jd/jord-skills --skill visual-inspection-improvement

インストール後、Claude Code で/visual-inspection-improvementを入力して読み込まれたか確認します。

詳細

ビジュアルの確認と改善

求められている結果、関連するビューと状態、既存のスタイル上の制約を特定します。レビューのみの依頼では、キャプチャして確認し、報告します。依頼されていない限り、作業内容は変更しません。

  1. 影響を受けるビューを、役立つサイズ、角度、ポーズ、背景、解像度でキャプチャします。プロジェクト内の無関係な部分を網羅的にキャプチャすることなく、リグレッションが表面化する可能性のある状態を確認します。
  2. 画像を開いて確認します。一連の画像を確認するにはコンタクトシートが役立ちます。細部、テキスト、配置、マテリアル、ビジュアル品質を判断するには、個別のビューやクローズアップを使用します。
  3. 要件や既存の参考資料と照らし合わせます。見切れ、読みにくいテキスト、誤った比率、一貫性のないスタイル、ビジュアル要件の欠落など、具体的な欠陥を特定します。
  4. 改善作業では、確認された欠陥をスコープ内で修正し、影響を受けるビューを再度キャプチャして確認します。共有される変更がほかの状態にも影響する可能性がある場合は、レビューの範囲を広げます。

求められているビジュアル基準を満たし、スコープ内で確認された欠陥がすべて解消されるまで続けます。再設計を勝手に考案したり、確認基準を満たした後も主観的な変更を続けたりしないでください。制約によって修正や確認ができない場合は、その旨を伝え、影響のない作業を完了してください。

確認した画像が裏付ける内容のみを報告し、参考となる証拠のパスと未確認の状態を示します。スクリーンショットを撮っても、それを見ずに確認済みと判断してはいけません。

コメント