Workflow
Web Dev(Qwen的AI前端工程师功能)
icon
搜索文档
Qwen上新AI前端工程师!一句话搞定HTML/CSS/JS,新手秒变React大神
量子位· 2025-05-10 10:39
核心功能 - Qwen推出"AI前端工程师"Web Dev功能,可一句话生成网页应用,涵盖HTML、CSS、JavaScript三大前端技术,并默认使用React框架[1][2] - 支持快速生成个人网站,布局美观且带特效,用户仅需修改内容后上传至GitHub Pages即可完成部署[3] - 开发者反馈该功能实现文本到像素级渲染,能快速搭建项目脚手架,显著加速开发流程[6] 技术实现 - 系统强制使用React框架,即使明确要求更换其他框架也无法调整,输出内容统一为单个静态jsx文件[15][21] - 深度思考模式可提升网页生成质量(如小红书风格社交网站),但会消耗38,912 tokens并延长响应时间[18][20] - 底层采用预设系统提示词,包含设计原则和最佳实践,部分用户尝试逆向工程获取完整提示词[23][24] 应用案例 - 已实现水果电商网站、防晒产品介绍页等商业场景的一键生成[11] - 网友成功复刻GitHub界面,验证复杂UI的还原能力[7] - 支持语义化表单创建,例如包含姓名、邮箱、问题类型等字段的客服联系表单[14] 扩展功能 - 新增Canvas/Artifact模块,可制作复杂动画效果[9] - 即将推出MCP模式(目前处于灰度状态),具体功能未披露[26][27] 使用方式 - 功能集成于Qwen网页版,所有模型均可调用,需单独开启"网页开发"模式[18] - 支持网页内容解析,AI能根据现有网页自动创建适配的展示方案[15] - 官方提供在线试玩入口,用户可直接体验完整功能链[28]