阿里AI工具Web Dev上线!一句话生成React网页

5月11日，阿里巴巴推出全新AI工具“Web Dev”，支持用户通过一句话指令生成网页应用。该工具集成HTML、CSS、JavaScript三大前端核心技术，并统一采用React框架实现，可在数秒内创建结构完整、视觉美观的动态页面。用户仅需稍作修改即可部署至GitHub Pages完成发布。

阿里巴巴官方在社交平台展示了该工具的能力，包括通过指令复刻知名平台界面，精准还原布局细节。例如输入“水果电商平台”或“防晒产品介绍页”，即可生成带动画效果的交互页面；进一步描述需求（如垂直排列字段的客服表单）可细化设计。

该工具默认使用React框架（即使用户要求更换也无法更改），并预设Tailwind CSS设计规范与编码最佳实践。系统提示词中要求所有代码写入单一静态.jsx文件，确保代码一致性。启用“深度思考”模式后，生成质量显著提升，但输出时间相应延长。

有开发者指出，该工具不仅能实现文本到像素级渲染，还能快速构建项目基础框架，使团队可专注于功能优化而非重复开发。此外，其高阶功能支持分析现有网页并生成对应结构，进一步提升开发效率。

值得注意的是，Qwen Chat新增的MCP功能模块目前仅显示为“即将推出”，但已引发行业关注。业内推测，该模块或将扩展工具链能力，推动AI原生研发范式升级。

Tags：react前端框架

微信扫一扫：分享

微信里点“发现”，扫一下

二维码便可将本文分享至朋友圈。