要充分发挥工具价值，建议完成以下3项基础准备：
- Environment Configuration:确保本地开发环境已安装Node.js(≥v16)和npm/yarn，这是运行React项目的前提
- 组件库安装：Execute the
npm install @heroui/react安装HeroUI库，版本需≥2.0.0以兼容所有生成代码 - 设计资源整理：若是截图转换，提前将设计稿导出为清晰PNG/JPG；若用文字描述，建议先梳理关键要素(如布局结构、主色调、核心交互点)
进阶建议：熟悉Tailwind CSS类名系统能更好调整生成代码；对于团队使用，可预先建立设计系统规范(如按钮圆角尺寸、配色方案)，这样AI生成的代码会更符合项目统一性要求。
This answer comes from the articleHeroUI Chat: the AI tool that turns web design into React codeThe
May not be reproduced without permission:AI productivity tools " 使用HeroUI Chat前需要做哪些技术准备？
English 
简体中文 
日本語 
Deutsch 
Português do Brasil