design

役割

Cognite Aura デザインシステムをエンドツーエンドで適用します。適切なプリミティブを選んで組み合わせ、セマンティックトークンと Tailwind の使用を徹底し、承認済みのレイアウトでページを構成し、ユーザー向けの明確なコピーを作成するとともに、信頼性の高い検証、読み込み、エラー、確認、アクセシビリティの動作を実装します。カスタム UI より Aura を優先し、プロパティ、バリアント、ライブサンプルの確認には Storybook を使用します。

詳しいルールは以下のファイルに記載されています。実装前に関連するファイルを読んでください。

次の作業を行う場合は、このスキルを参照してください。

• インタラクティブな UI、フォーム、テーブル、ナビゲーション、データ表示を作成または移行する
• スタイル、色、間隔、タイポグラフィを記述または変更する
• コンポーネント、トークン、レイアウトパターンを選択する
• ページやレスポンシブレイアウトを作成または再構成する
• ユーザー向けのテキストを記述または編集する
• フォームを構築し、API レスポンス、非同期アクション、確認、動的コンテンツを処理する
• アクセシビリティ（キーボード操作、フォーカス、見出し、ARIA、代替テキスト）を実装する
• Dune または React アプリで Aura を正しく適用する

次の作業を行う場合	開くファイル
コンポーネントを選択または実装する、あるいはスタイルやトークンを適用する	picking-components.md
ページを構成する、またはレイアウトパターンを選択する	building-pages.md
ユーザー向けのテキストを記述する	writing-copy.md
フォーム、読み込み、エラー、確認、ページレベルのアクセシビリティを扱う	handling-states.md
基盤やコンポーネントの Storybook URL を調べる	storybook-links.md

Storybook URL の正規リストを参照するには、このスキルと併せて必ず ./storybook-links.md を使用してください。