本文轉載自“囂張農民”，有修改。

囂張農民：前端工程師，通過AI Coding簡化輔助工作內容，節約時間做更多的事。

在清晨的早上，我在公司吃着早餐，刷着抖音推薦的大數據長腿生物，聽着後端兄弟講八卦，突然一條消息彈窗彈出，裏面的需求要我完成感恩節的抽獎頁面，看着簡單的幾句話，我知道又要佔據我幾天的時間去忙碌，純前端的頁面不需要後端參與，斜眼看了下隔壁後端老哥的嘴角微微一笑。但是作為墨魚聖子怎會妥協，我想起百度文心快碼已經更新到3.5S，可以快速從0-1搭建，更加智能，就像鋼鐵俠中賈維斯一樣明確你發出的指令（抽象描述詞），而且可以免費使用，那還等什麼，趕緊用起來哈哈~~~

文心快碼 ( Baidu Comate ) 是一款由百度推出的創新型 AI 編碼輔助工具，它利用先進的人工智能技術，旨在帶來流暢、直觀且上下文驅動的編碼體驗，助力開發者更輕鬆地實現宏大的軟件項目和創新想法。近日，Comate發佈最新版，功能又又又又升級啦：

• 內置豐富垂類Agent，即點即用；
• 自定義 Agent 可在項目內便捷共享，助力團隊沉澱經驗、複用流程；
• Rules支持基於AI自動創建，簡化配置方式、落地更高效。

安裝流程及操作

瞭解升級內容文檔之後開始我們的開發，在我的VS Code版本（1.104.0）直接插件安裝，輸入Baidu Comate之後等待安裝，然後根據自己的需求選擇需要的智能體，我是選擇Zulu去進行開發。

描述指令

給文心快碼一些指令，我這邊整理好需求之後，讓它幫我上手開發，一行代碼不用敲，這時候需要發揮我們的創意了,只需要坐在電腦前等待就好了。

Prompt：

🎯 頁面目標

主題：感恩節

目的：給公司員工抽取禮物

風格：温馨有愛、節日氛圍濃厚（淺色系為主）

要有動效、音效（抽獎轉動時有動畫，中獎時有煙花或綵帶效果）

🎨 交互與動效

中心是一個九宮格風格的抽獎組件

點擊「開始抽獎」按鈕後：抽獎動畫播放 2~3 秒，停止後顯示中獎結果，播放中獎動畫（煙花、禮花、閃光特效等）

背景音樂（抽獎期間播放，結果揭曉時切換音樂）

排行榜組件（記錄中獎次數/大獎獲得者）

可配置獎品和概率（JSON配置即可），通過頁面的“配置獎品”按鈕配置

⚙️ 技術要求

使用Vue** + Vite + TailwindCSS**

抽獎邏輯在前端模擬實現（不連後台）

項目結構清晰、組件化

包含基本的狀態管理邏輯（例如用useState / useReducer）

頁面響應式適配 PC 和大屏展示

📦 交付內容

提供完整可運行的項目代碼（含 package.json、入口文件、組件文件等）

預置6~8 個獎品示例（名稱 + 圖片）

使用本地假數據模擬抽獎結果（可後續接後台接口）

效果展示

不到十分鐘文心快碼完成框架搭建，代碼生產，UI生產，完成我們精美的頁面

當前頁面已具備抽獎基本功能，但仍不能實現獎品配置和真實員工姓名與獎品一一對應，九宮格也略顯簡陋，再次輸入Prompt進行優化：

Prompt：

1.請隱藏獎品列表，添加“獎品配置”按鈕，點擊打開獎品配置頁面，可以配置獎品名稱和概率，獎品圖案自動生成；

2.在九宮格上方添加“姓名"輸入框，輸入框右邊為“確認”按鈕，點擊確認後，抽獎獎品和姓名一一對應，1人僅1次抽獎機會

3.優化九宮格視覺，九宮格格子有多種色彩，文字和圖片放大

頁面煥然一新啦！

讓我們測試下功能吧：假設員工“張三”參與抽獎

張三隨機抽得“謝謝參與”並計入排行榜，再次點擊“檢查狀態”，抽獎按鈕置灰，一人僅可抽一次

再多試幾個人：

點擊“獎品配置”按鈕，可以修改獎品及對應概率（會提示當前概率總和，很方便）：

後續優化

如：支持上傳本地獎品圖片並可在對應九宮格顯示，還有根據姓名輸入提示中獎率哈哈（開玩笑）~~~

當前獎品圖片不可更改，優化為可上傳更改。

Prompt：

獎品配置可上傳獎品對應圖片，修改後會顯示在九宮格

完美！現在可以自己上傳獎品圖片啦～～

可以看到生成的文件和命名還是比較規範，起碼幫我省了兩天的開發時間，還是很給力的！！

從“個人助理”到“協作團隊”，文心快碼開啓 AI開發新時代

文心快碼不再只是一個幫助寫代碼的工具，而是可以組成一支虛擬 AI 團隊，懂項目、能協作、會自我管理。

對於想要提升研發效率、加速交付節奏的開發者和團隊來説，文心快碼是不容錯過的新選擇。