1通过聊天快速生成一个单页应用的原型
- 1在Caffeine聊天界面中,用自然语言描述你的应用功能,例如:'创建一个待办事项列表应用,支持添加和删除任务'
- 2等待AI生成前端HTML/CSS/JavaScript代码,并自动在预览窗口中显示界面
- 3根据需要,通过后续聊天命令(如'将列表改为卡片样式')调整设计,AI会实时更新代码和预览
2为现有网站添加一个新功能模块
- 1提供现有项目的技术栈信息(如React、Vue等),并粘贴相关文件的关键部分
- 2描述要添加的功能,例如:'在用户个人页面增加一个历史订单表格,包含日期、金额和状态'
- 3AI将生成集成代码,并提供修改建议;确认后可直接复制代码或通过Caffeine的导出功能保存
3将设计稿描述转化为可运行的网页
- 1在聊天中上传设计稿截图或详细描述布局、颜色和交互,例如:'顶部导航栏,左侧菜单,右侧内容区,主色#3366FF'
- 2AI识别设计描述并生成对应的响应式HTML/CSS代码,支持移动端适配
- 3通过后续指令(如'把按钮改为圆角')微调样式,直至满意,随后下载完整项目文件
