零基础用户可用天工ai代码助手skycoder快速生成可运行网页:第一步访问sky.tiangong.cn新建web前端项目;第二步用中文描述需求,ai自动生成带样式html;第三步通过快捷键或截图反馈调整样式;第四步导出html双击浏览器运行。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

零基础用户想用天工AI代码助手SkyCoder快速写出能打开、能看、能改的网页,不需要安装复杂环境、不用记HTML标签、不碰命令行,只要会打字就能让AI把完整网页代码生成出来并直接运行。
第一步:进入SkyCoder并新建项目
打开浏览器,访问 tiangong.cn,点击首页右上角「代码助手」或直接进入 https://sky.tiangong.cn。页面加载完成后,点击「新建项目」按钮。
在弹出的对话框中,选择「Web前端」模板,项目名称填“我的第一个网页”,点击确定。这时你将看到一个干净的编辑区和右侧AI对话面板——【必须点击右侧面板里的“开始对话”按钮,否则AI不会响应后续指令】。
第二步:用自然语言描述网页需求
在右侧面板的输入框中,直接输入中文描述,例如:
“生成一个单页个人介绍网页:顶部是蓝色导航栏,中间大标题‘张伟|前端爱好者’,下方一段自我介绍文字,再加三个技能图标(HTML、CSS、JavaScript),最后是联系邮箱 zhangwei@example.com。”
按下回车,AI将在5~10秒内生成完整HTML文件,自动包含语义化结构、内联CSS样式和响应式基础。生成后,编辑区左侧会显示带高亮的代码,右侧预览区实时渲染效果——【此时不要手动修改代码,先确认预览是否符合预期】。
天工AI (iOS) 5.2.1版本新增 PPT 生成页数配置、十余种专业视频模板,并且支持设置视频比例与时长;定时任务可指定模型并推送到 IM 渠道。修复了下载失败等问题,提升了稳定性与内容创作体验,让创作更自由、更高效。
第三步:调整样式与内容
如果标题字号太小,把光标放在`
`标签内,按 Ctrl+I(Windows)或 Cmd+I(macOS)唤出内联提问框,输入:“把主标题字体大小改成48px,并加粗。”
AI会立刻返回修改建议,点击「应用更改」即可替换原代码。若想换配色,直接在预览区右键→「截图当前视图」,然后把截图+文字一起发给AI:“导航栏改成深灰色背景,文字变白色。”AI会精准定位CSS选择器并重写样式块。
这一步操作起来很简单,直接把截图拖进对话框就行,无需标注像素或选择器名。
第四步:保存并本地运行网页
点击编辑区右上角「导出」→「下载HTML文件」,保存为 index.html。
找到下载好的文件,双击用Chrome或Edge浏览器打开——网页立即呈现,所有文字、颜色、布局都和预览区完全一致。
如需后续修改,重复第二步和第三步:打开文件→复制当前代码→粘贴到SkyCoder新对话中→提出新需求。每次生成都独立于上次,不会覆盖原始文件。










