AIに伝わるUI語彙、全103個。名前を知るだけで、指示精度が劇的に変わる。
6件のコンポーネント
クリックでアクションを起こすUI。Primary / Secondary / Ghost等のバリエーション
ボタンのバリエーション使い分け(Primary/Ghost/Outline)ができてると『デザイン理解してるな』になる。
テキストを1行入力する欄
入力欄のデザイン(角丸、フォーカス色、エラー表示)でフォーム全体の印象が決まる。
複数行のテキスト入力欄
テキストエリアが自動リサイズするだけで『お、考えられてるな』ってなる。
プルダウンで選択肢から1つ選ぶ
基本中の基本。ただしブラウザデフォルトのままだとダサい。スタイリング必須。
ON/OFFを複数選択できるチェック欄
フォームの基本要素。カスタムスタイルにするだけで一段上に見える。
ON/OFFをトグルで切り替えるUI
チェックボックスの代わりにスイッチを使うだけでモダンアプリ感が出る。