extract

再利用可能なパターン、コンポーネント、デザイントークンを特定し、それらを抽出してデザインシステムに統合し、体系的な再利用を実現します。

発見

ターゲット領域を分析して抽出の機会を特定します：

デザインシステムを見つける: デザインシステム、コンポーネントライブラリ、または共有 UI ディレクトリを探します(「design system」、「ui」、「components」などで grep します)。その構造を理解します：
- コンポーネントの組織化と命名規則
- デザイントークンの構造(存在する場合)
- ドキュメントのパターン
- インポート/エクスポートの規則
重要: デザインシステムが存在しない場合は、作成する前に確認してください。希望する場所と構造をまず理解してください。
パターンを特定する: 以下を探します：
- 繰り返されるコンポーネント: 複数回使用される類似した UI パターン(ボタン、カード、入力フィールドなど)
- ハードコードされた値: トークン化すべき色、スペーシング、タイポグラフィ、シャドウ
- 矛盾するバリエーション: 同じコンセプトの複数の実装(3 つの異なるボタンスタイル)
- 再利用可能なパターン: 体系化

...