こんな人におすすめ：
- Webデザイナーやフロントエンドエンジニア
- UI/UXデザイナー
- デザインシステム構築に携わるプロジェクトマネージャー
プロンプト例：
「アトミックデザインのレイアウト設計原則を基に、FigmaやAdobe XDでのUIコンポーネントの5階層（原子、分子、有機体、テンプレート、ページ）を説明してください」
プロンプト例の出力結果：
アトミックデザインはUI要素を原子（Atoms）、分子（Molecules）、有機体（Organisms）、テンプレート（Templates）、ページ（Pages）の5つの階層に分類します。原子はボタンやアイコンなど最小のUI要素で、分子は複数の原子が結合した検索フォームなどの単純なコンポーネントです。有機体はヘッダーやフッターのように複数の分子や原子で構成された複雑なパーツを指します。テンプレートはページ全体のレイアウト構造を定義し、最終的にページが実際のコンテンツを持つ形で完成します。この階層的設計により再利用性が高まり、UIの一貫性・拡張性・保守性が向上します。
