■ **概要** 任意のウェブサイトをPlaywrightで自動スクレイピングし、DOMの計算済みスタイルから色・タイポグラフィ・スペーシング・シャドウ・コンポーネントなどをW3C設計トークン形式で抽出するツール。 ■ **特徴・用途** - **逆エンジニアリング型のデザインシステム化**: 既存プロダクト（競合他社や参考実装）のビジュアル規約をコード化。デザインドキュメントが古い・ない状況での救済策。 - **CI統合による設計規約の自動検証**: 抽出したトークンをチェックイン、プルリク時にデザイン規約の逸脱を検出可能。 - **初期セットアップコスト**: ブラウザバイナリのダウンロード必須で、Node環境でPlaywrightの依存管理が必要。スピード・精度はページの複雑さに左右される。 ■ **結論** デザイン言語の自動化・標準化が急務なチームには強力な自動化ツール；ただし抽出精度はサイト構造に依存し、手動レビュー無しでは本番使用は避けるべき。