背景

最近七夕到了，恰逢Qoder上線，萌生了一個想法，寫一個以中國傳統七夕為主題的網站。

七夕·中國傳統情人節

Qoder 介紹

Qoder 是阿里巴巴推出的一款旨在提升開發效率的 AI 編程平臺。它通過上下文工程技術和智能體輔助，幫助開發者更高效地完成編碼任務。

Qoder - The Agentic Coding Platform

使用和介紹在此不再贅述，感興趣可以自行下載試用

實現需求的技巧

如何讓想法能夠被比較不錯的實現。一般使用分為兩步：

• 將想法告訴大模型，讓其生成一份 Prompt （提示詞）
• 將生成的 Prompt 告訴 Qoder(可以是其他的 AI 編輯器)

需求階段

需求描述

1. 寫一個炫酷的網站

2. 作為中國傳統七夕介紹

3. 有中國傳統的古詩詞、傳統文化、傳統故事等

4. 布局合理、富有活力

5. 扁平化風格，優雅高級

Prompt 設計

將上述需求輸入大模型，讓其生成一份結構化的Prompt

將需求給 DeepSeek，讓其生成一個翔實的 Prompt

實現階段

將 Prompt 粘貼到 Qoder 中實現

Qoder 會分步驟完成，并在過程中進行諸多優化。如下所示：

最終，Qoder 會按照需求一一實現。因為是靜態網站，最終呈現效果還不錯。

網站展示

倉庫地址

將生成的靜態網站，使用 github 的 Pages 部署一下。

倉庫地址：https://github.com/uzong/qixi

頁面展示

七夕·中國傳統情人節

整體效果還不錯，可以體驗訪問一下。

總結

不管是使用 Qoder 還是 Trae、cursor、WindSurf 等，都可以實現上面的效果。核心思路一致。

• 用大模型輔助生成 Prompt
• 用大模型生成的 Prompt 交給AI編輯軟件

過程仍需要不斷的進行調試和優化。

至此，一個設計精良的網站便完成了，整個過程耗時不足半小時。感興趣也可以嘗試一下。

已經同步發布微信公眾號：面湯放鹽?半小時打造七夕傳統文化網站：Qoder AI編程實戰記錄