現在の色でなく役割でトークンを名付ける。
一時的な見た目ではなく安定した役割を名前にします。基本値と意味的な用途を分け、チームの規則と一致させます。
作業手順をタスクに合わせましょう。
基本値と意味上の役割を分け、既存の階層に従います。テーマや部品が変わっても通じる名前を選び、対応と用途を記します。既存トークンを改名する前に重複や別名を確認します。
- 用意するもの
- 既存のスタイルと命名規則。
- 得られるもの
- 一貫した名前と意味別グループ。
入力と結果を確認しましょう。
説明用の入力と出力 · 実際の WebAct 実行ではない学習用サンプル
入力項目サンプル個
Interface uses blue for primary actions and gray for secondary text; dark theme planned. No exact values or existing naming convention supplied.
完成例
Semantic roles: color.action.primary → theme-specific primary-action primitive color.text.secondary → theme-specific secondary-text primitive Theme values: unresolved until actual colors and contrast requirements are supplied. These names describe use rather than the current color; review them against existing team conventions before adoption.
この入力をプロンプトに読み込み、WebAct にコピーして試してください。結果は掲載例と異なる場合があります。
判断のポイントとトラブル対処。
意味を持つトークンを現在の色名で呼ぶべきですか？
テーマごとに値が変わるなら、操作や補助文字など役割を名前にします。
改名すると関係なさそうな部品が壊れるのはなぜですか？
多くの箇所から参照されるか複数の役割を担うのかもしれません。利用箇所を調べ、移行を計画します。
自分の資料で試しましょう。
タスクのプロンプト内の例を自分の資料に置き換えてください。必要な要件を残し、タスクを WebAct にコピーします。
タスクを調整してコピー ↑