こんな人におすすめ：
- フロントエンドエンジニアやUIデザイナー
- 効率的なウェブサイト設計を目指す開発者
- デザインシステム構築に興味があるプロジェクトマネージャー
プロンプト例：
「アトミックデザインの5つの段階（Atoms、Molecules、Organisms、Templates、Pages）について、初心者が理解しやすいように解説してください。また、それぞれの具体例も挙げてください。」
プロンプト例の出力結果：
アトミックデザインはUI構築を5つの階層で分解し、効率的な設計を実現します。
1. Atoms（原子）：ボタンやラベルなどの最小単位パーツ。
2. Molecules（分子）：Atomsを組み合わせて機能を持たせたコンポーネント（例：ラベルと入力欄の組み合わせによるフォームフィールド）。
3. Organisms（有機体）：MoleculesとAtomsをさらに組み合わせた複雑なUI部品（例：ヘッダー、カード）。
4. Templates（テンプレート）：Organismsを配置したページの骨組みで、レイアウトを表現。コンテンツはまだ入っていません。
5. Pages（ページ）：Templatesに具体的なコンテンツを流し込んだ完成形で、ユーザーに見せるUIとなります。
この階層的な設計により、再利用性が高く、保守しやすいUI開発が可能です。
