スキル自身の言葉で
color-expertは、命名、理論、色空間、パレット、ランプ、グラデーション、変換、アクセシビリティ、顔料の混色を扱うデザイナーや開発者向けの色に関するナレッジベースです。リクエストを5つのモード(具体的なデザイン/アートプロジェクト、デザインシステムのランプとテーマトークン、ジェネラティブアート、一般的な色に関する質問、パレットジェネレーターの構築)のいずれかに振り分け、その register に応じて回答します。
タスクと色空間の対応表(知覚的な作業にはOKLCH、印刷にはCIELAB D50、メディア間のマッチングにはCAM16、顔料にはKubelka-Munk)、281兆通りの16進数ペアに基づくAPCAとWCACの合格率、ガマットマッピングのガイダンス、CSS Color 4/5のチートシート、精選されたツールリストを備えており、140以上のリファレンスファイルがreferences/INDEX.mdの下にインデックス化されています。
生成されるもの
- 一般的な理論ではなく、明示された制約条件に合わせた具体的なツールとパレットの推奨。
- リファレンストークンからsurface、on-surface、accent、success、warning、dangerといったセマンティックロールへ供給されるトークングラフ。
- sRGBおよびDisplay-P3向けに、構造上ガマット内に収まるように生成された、連続的・発散的なデータビジュアライゼーション用ランプ。
仕組み
- 01リクエストを5つのモードのいずれかに振り分ける
このファイルは5つの一般的なモードを列挙し、すべての色に関する質問に同じように答えるのではなく、ユーザーの明示的なリクエストとコンテキストから暗示される制約条件に応じて回答を合わせるようエージェントに指示します。
- 02一般的な質問にはファイルから直接回答する
OKLCHとは何か、なぜグラデーションが灰色っぽくなるのかといった質問には、スキルファイルまたはリファレンスインデックスから直接回答し、関連するリファレンスを引用します。ユーザーが具体的な方法を尋ねない限り、ツールの使用は省きます。
- 03まずOKLCHでスケールを構築する
デザインシステム、ランプ、テーマトークンについては、優先順位はOKLCHから始まります。これにより、色相を通じて明度が一貫し、中間トーンが濁ることを防ぎます。
- 04UIで使用する前にセマンティックレイヤーを挿入する
プログラムやスタイルシートで使用する色は、セマンティックレイヤーの背後に配置する必要があります。リファレンストークンが具体的な値を保持し、セマンティックトークンがその値に意味をマッピングします。
- 05絞り込む前に複数のパレットアプローチを提示する
パレットを生成または比較する際、スキルはまず複数のアプローチをそのトレードオフとともに示す必要があります。なぜなら、アンカーベース、色相サイクル、コサイン、ハーモニーベース、シーン照明、抽出といったアプローチはそれぞれ異なる問題に適しているからです。