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
Installs
2
First Seen
Apr 9, 2026