このツールの価値を十分に活用するためには、以下の3つの基本的な準備を済ませておくことが推奨される：
- 環境設定：ローカル開発環境にNode.js（≥v16）とnpm/yarnがインストールされていることを確認する。
- コンポーネントライブラリのインストール：ターミナルで実行する
npm install @heroui/reactすべての生成コードと互換性のあるHeroUIライブラリのバージョン≥2.0.0をインストール。 - デザイン・リソース組織：スクリーンショットを変換する場合は、あらかじめデザインを鮮明なPNG/JPGとしてエクスポートしておきます。テキストで記述する場合は、最初に主要な要素を整理しておくことをお勧めします（レイアウト構造、メインカラー、中核となるインタラクションポイントなど）。
高度な提案: Tailwind CSSのクラス名システムに精通していることで、コードを生成する際にうまく調整することができます。チームで使用する場合は、デザインシステムの仕様（ボタンの丸めサイズや配色など）を事前に設定することで、AIが生成するコードをプロジェクトの統一要件に沿ったものにすることができます。
この答えは記事から得たものである。HeroUI Chat：ウェブデザインをReactコードに変えるAIツールについて
無断転載を禁じます：AI生産性ツール " HeroUIチャットを使用する前に、どのような技術的準備が必要ですか？
