visual-test
Installation
SKILL.md
Visual Test - resolvedStyle 自動比較
FCU UXML のインラインスタイル(= Figma デザイン値)と、Play Mode の resolvedStyle(= 実装値)を機械的に比較する。 Claude の画像認識ではなく数値比較で差異を検出するため、テキスト揃え・角丸・padding 等の微差も漏れなく検出できる。
Usage
/visual-test timetable # Timetable 画面を検証
/visual-test <screen-name> # 指定画面を検証
Execution
Step 1: マッピング読み込み
プロジェクトルートから .claude/reference/visual-test/{screen-name}.yaml を Read で読む。
YAML の構造:
Related skills