要让emergent ai生成可用代码，提示词须精准定义角色（如react+ts工程师）、技术栈（vite5.x+react18 +ts5.3）、环境约束（chrome120+）、功能逻辑（输入→处理→输出）、最小样例（props/css/文件路径）及禁止行为（禁localstorage等）。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要让Emergent AI真正理解你的开发需求并生成可用代码，提示词必须精准描述功能边界、技术约束和交互逻辑，不能只说“做个登录页面”这种模糊要求。
明确角色与技术栈
第一步：在提示词开头直接定义AI扮演的角色，例如“你是一名有5年React+TypeScript经验的前端工程师”。【角色定义缺失会导致AI默认用Python或通用伪代码响应，生成的代码无法直接运行】
第二步：紧接着声明技术栈限制，比如“所有代码必须基于Vite 5.x + React 18 + TypeScript 5.3，禁用任何第三方UI库”。
第三步：补充环境约束，如“输出代码需兼容Chrome 120+和Edge 119+，不支持IE”。
结构化功能描述
用“输入→处理→输出”链条写清每个功能点。例如：“用户在邮箱输入框输入test@domain.com → 前端实时校验格式（含@符号、域名段）→ 校验失败时在输入框下方显示红色文字‘邮箱格式错误’，成功时不显示提示”。
这一步不能省略校验触发时机——是失焦时校验？还是每输入一个字符就校验？AI不会自动补全这种细节。
提供可执行的最小样例
方法一：给出你期望的组件Props接口定义。例如：“LoginButton组件接收两个必传prop：onClick: () => void 和 disabled: boolean”。
方法二：粘贴一段你已有的CSS类名或设计稿截图中的文字描述。例如：“按钮使用#4F46E5主色，悬停时背景变深，圆角为8px，内边距为12px 24px”。
方法三：直接写明文件路径和导出方式。例如：“生成src/components/LoginForm.tsx，default export一个函数组件，包含邮箱、密码输入框和提交按钮”。
禁止行为必须单列强调
在提示词末尾另起一行，用“禁止”开头写死三条底线：禁止使用localStorage模拟登录状态；禁止调用未声明的API端点；禁止在JSX中写内联样式（所有样式走CSS Module）。
这一步漏掉，AI大概率会用localStorage.setItem('token', 'xxx')糊弄过去，后续集成真实后端时直接崩。
