Agent Skillドキュメントのカラートークン記法を修正

WebAwesomeのAgent Skillドキュメント内で、CSSカスタムプロパティのカラートークン記法が誤った桁数で記載されていた問題が修正されました。この変更により、ドキュメントの記述がWebAwesomeの実際のカラーシステムと一致するようになります。

背景

WebAwesomeのカラーシステムは、--wa-color-{hue}-{tint} というパターンでCSSカスタムプロパティを提供しています。#2007 が修正する以前、Agent Skillドキュメントのサンプルコードでは、tint値が3桁（例：-600、-100）で記載されていました。

しかし、WebAwesomeのカラーシステムは実際には2桁のtint値（例：-60、-10）を使用する設計であり、ドキュメントのサンプルコードが実行不可能なトークン名を示していた状態でした。

技術的な変更

packages/webawesome/scripts/agent-skill.js 内のドキュメント文字列が修正され、カラートークンのtint値が3桁から2桁に変更されました。

変更前:

.my-element {
  color: var(--wa-color-blue-600);
  background: var(--wa-color-gray-100);
}

変更後:

.my-element {
  color: var(--wa-color-blue-60);
  background: var(--wa-color-gray-10);
}

--wa-color-blue-600 が --wa-color-blue-60 に、--wa-color-gray-100 が --wa-color-gray-10 に修正されています。これにより、サンプルコードが実際に動作する正しいトークン名を示すようになりました。

まとめ

本PRは、Agent Skillドキュメントのサンプルコードを実際のカラーシステムと一致させる変更です。トークン名の桁数を修正することで、ドキュメントの正確性を保証し、開発者がドキュメントを参照する際の混乱を防いでいます。