半小时打造七夕传统文化网站:Qoder AI编程实战记录

背景

最近七夕到了,恰逢Qoder上线,萌生了一个想法,写一个以中国传统七夕为主题的网站。

uzong.github.io/qixi/

Qoder 介绍

Qoder 是阿里巴巴推出的一款旨在提升开发效率的 AI 编程平台。它通过上下文工程技术智能体辅助,帮助开发者更高效地完成编码任务。

qoder.com/

使用和介绍在此不再赘述,感兴趣可以自行下载试用

实现需求的技巧

如何让想法能够被比较不错的实现。一般使用分为两步:

  • 将想法告诉大模型,让其生成一份 Prompt (提示词)
  • 将生成的 Prompt 告诉 Qoder(可以是其他的 AI 编辑器)

需求阶段

需求描述

markdown 复制代码
1. 写一个炫酷的网站

2. 作为中国传统七夕介绍

3. 有中国传统的古诗词、传统文化、传统故事等

4. 布局合理、富有活力

5. 扁平化风格,优雅高级

Prompt 设计

上述需求输入大模型,让其生成一份结构化的Prompt

将需求给 DeepSeek,让其生成一个翔实的 Prompt

实现阶段

将 Prompt 粘贴到 Qoder 中实现

Qoder 会分步骤完成,并在过程中进行诸多优化。如下所示:

最终,Qoder 会按照需求一一实现。因为是静态网站,最终呈现效果还不错。

网站展示

仓库地址

将生成的静态网站,使用 github 的 Pages 部署一下。

仓库地址:github.com/uzong/qixi

整体效果还不错,可以体验访问一下。

总结

不管是使用 Qoder 还是 Trae、cursor、WindSurf 等,都可以实现上面的效果,核心思路一致。

  • 用大模型辅助生成 Prompt
  • 用大模型生成的 Prompt 交给AI编辑软件

过程仍需要不断的进行调试和优化。

至此,一个设计精良的网站便完成了,整个过程耗时不足半小时。感兴趣也可以尝试一下。

相关推荐
熊小猿6 小时前
在 Spring Boot 项目中使用分页插件的两种常见方式
java·spring boot·后端
paopaokaka_luck6 小时前
基于SpringBoot+Vue的助农扶贫平台(AI问答、WebSocket实时聊天、快递物流API、协同过滤算法、Echarts图形化分析、分享链接到微博)
java·vue.js·spring boot·后端·websocket·spring
花生Peadar7 小时前
完整的AI编程全自动指南
ai编程
小蒜学长8 小时前
springboot酒店客房管理系统设计与实现(代码+数据库+LW)
java·数据库·spring boot·后端
橙子家8 小时前
Serilog 日志库简单实践(一):文件系统 Sinks(.net8)
后端
Yeats_Liao9 小时前
Go Web 编程快速入门 13 - 部署与运维:Docker容器化、Kubernetes编排与CI/CD
运维·前端·后端·golang
Yeats_Liao9 小时前
Go Web 编程快速入门 14 - 性能优化与最佳实践:Go应用性能分析、内存管理、并发编程最佳实践
前端·后端·性能优化·golang
七夜zippoe10 小时前
仓颉语言核心特性深度解析——现代编程范式的集大成者
开发语言·后端·鸿蒙·鸿蒙系统·仓颉
软件架构师-叶秋10 小时前
spring boot入门篇之开发环境搭建
java·spring boot·后端
QX_hao11 小时前
【Go】--接口(interface)
开发语言·后端·golang