首页顶部固定导航栏，含Logo左侧、三个水平菜单项（首页/产品/关于）、右侧登录按钮；中间主区域是横向滚动的3张卡片，每张有标题、2行描述、‘立即体验’按钮；底部居中显示©2026 XXX科技有限公司。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要用自然语言描述一个前端页面，比如“带搜索框的响应式导航栏+三张横向轮播卡片+底部版权信息”，然后让文心快码企业版自动生成可运行的JavaScript前端页面，而不是手动写HTML/CSS/JS或调用API拼接。
开通并登录文心快码企业版
访问 https://wenxin.baidu.com/kuaima，使用百度企业账号（非个人邮箱）登录；若未开通，需由企业管理员在百度智能云控制台 → 千帆大模型平台 → 服务管理中启用「文心快码企业版」并分配成员权限。
登录后进入控制台首页，确认右上角显示「企业版」标识，否则生成的代码将受限于免费版能力（不支持组件化导出、无React/Vue模板选项）。
新建项目并选择前端框架
点击「新建项目」→ 在弹窗中填写项目名称（如“产品介绍页”）→ 下拉选择「前端页面生成」→ 框架类型选 React（推荐）或 Vue 3（仅限 TypeScript 版本）→ 点击「创建」。
立即学习“Java免费学习笔记（深入）”；
【必须选React或Vue 3】 若误选「纯HTML」，后续无法生成带状态管理、事件绑定和组件复用的真实前端代码，仅输出静态结构，失去交互能力。
输入自然语言需求描述
在编辑区顶部的「描述你的页面」输入框中，用中文清晰说明功能、布局与交互逻辑，例如：
“首页顶部固定导航栏，含Logo左侧、三个水平菜单项（首页/产品/关于）、右侧登录按钮；中间主区域是横向滚动的3张卡片，每张有标题、2行描述、‘立即体验’按钮；底部居中显示©2026 XXX科技有限公司”
避免模糊表述如“好看一点”“稍微大点”，这类词会导致模型忽略样式指令或生成默认占位符；必须明确元素数量、位置关系、文字内容和交互动作。
生成并下载完整前端工程
点击「生成代码」按钮，等待10～25秒（取决于描述复杂度），界面出现预览效果与文件树。
检查预览是否符合预期：导航栏是否固定、卡片是否可横向滑动、按钮是否有点击反馈——若不符合，直接修改上方描述文本后重新生成，不要手动改代码。
确认无误后，点击右上角「下载工程」→ 选择「完整React项目（含vite配置、eslint、prettier）」→ 解压到本地目录 → 打开终端执行 npm install && npm run dev 启动开发服务器。
