一覺醒來Kimi的Vibe Coding已經是鈕祜祿版本了，7個case上手實測！
整理版優先睇
Kimi K2.5 模型 Vibe Coding 大升級，一鍵實現從想法到高質網頁
呢篇文章係阿真分享佢試用Kimi新模型K2.5嘅Vibe Coding功能。阿真係一個AI老玩家，之前用其他AI做Vibe Coding，效果唔係幾好，通常都係紫漸變加emoji風格，冇咩互動。但今次Kimi K2.5升級咗好多，佢整合咗原生多模態，可以直接睇圖、睇片、睇網站連結，仲有一個Agent智能體集羣，可以一次叫幾十個專家幫手做嘢。而且佢嘅視覺設計能力仲登咗全球Design Arena榜首，同Gemini並列第一。
整體嚟講，Kimi嘅Vibe Coding而家係「鈕祜祿版本」，好大進步。佢會自己規劃任務、寫code、部署，完全由0到1。佢亦會自己生圖，或者用搜索代替生成，確保視覺效果符合要求。阿真試咗幾個案例，包括星露谷遊戲、3D交互網頁、音頻可視化、JARVIS系統同品牌網站，全部一鍵生成，效果出乎意料咁好。尤其係JARVIS案例，要整合攝像頭、手勢識別、語音指令，難度好高，但Kimi都搞掂咗。品牌網站方面，佢可以根據一張油畫參考圖，生成文藝復興風格嘅珠寶頁面，審美非常在線。
阿真亦分享咗幾個小經驗：提示詞可以寫詳細啲，有參考圖或片效果會更好；要善用Kimi嘅搜索能力，叫佢先搜再設計；複雜項目可以分步驟做，確認方向先繼續；所有生成嘅文件都可以線上修改同下載。總括而言，Kimi呢次升級令Vibe Coding門檻大幅降低，任何人都可以用自然語言整網站同遊戲。
- Kimi K2.5整合原生多模態同Agent智能體，大幅提升Vibe Coding質素，視覺完成度高，可生成複雜交互。
- 用家只需描述需求，Kimi會自動規劃、搜索、設計、編碼並部署，一鍵生成完整網頁。
- 相比以往AI「紫漸變+emoji」風格，Kimi出品更細膩、具設計感，並能生圖或搜索合適圖片。
- 提供參考素材（圖/片）可大幅提高還原度；提示詞可詳細但唔需要太複雜；善用搜索先理解風格。
- 有興趣可以上Kimi官網用Agent功能試玩，從簡單項目開始，逐步嘗試複雜交互。
星露谷遊戲生成提示詞
請你搜索星露谷的設計風格，然後根據兩個視頻內容，幫我製作星露谷遊戲。
JARVIS交互系統提示詞
我想做一個 Iron Man 裡 JARVIS 的交互效果網頁，你可以去搜索 JARVIS 在電影裡的效果是什麼樣子的。我想要實現 HUD 視覺 + 實時手勢控制 + 聲音喚醒 + 衞星地圖 + 天氣掃描，全部做成「瀏覽器可直接運行的 HUD 系統」。
Kimi 官網
Kimi 網頁端，可用 Agent 功能進行 Vibe Coding
Kimi K2.5 升級重點：原生多模態 + Agent 智能體
Kimi 前兩日發佈咗最新 K2.5 模型，最大變化係加入咗原生多模態能力，可以直接貼圖、貼影片、甚至貼網站連結，令佢理解你嘅參考。仲有一個 Agent 智能體集羣，一次調動幾十個專家幫手做嘢。
原生多模態 + Agent 智能體集羣，係呢次升級嘅核心
另外，佢嘅視覺設計加代碼實現能力（即係審美）登咗全球 Design Arena 榜首，同 Gemini 並列第一。呢啲能力加埋，令 Vibe Coding 由以往嘅「死板模板」變成「真係有設計感」嘅成品。
從紫漸變到高完成度設計：Vibe Coding 質素飛躍
阿真作為 AI 老玩家，之前用 Vibe Coding 得出嘅效果多數係「紫漸變 + emoji」風格，交互幾乎冇，自己都唔好意思拎出嚟。但 Kimi 出嚟嘅效果明顯唔同。
Kimi 一次輸出後效果就好好，視覺完成度極高，交互亦流暢
例如佢做咗個沉浸式 3D 球體網頁，球體展開時好似走入 3D 世界內部；鼠標移動時球體跟住旋轉，懸停時自轉暫停。呢啲空間感以前要自己寫 code 好麻煩，而家描述需求就得。
從「我想要」到「我做到」嘅距離，被 Kimi 大幅縮短
- Kimi 自己規劃任務、寫 code、部署，完全從 0 到 1
- 佢會自己生圖，或者用搜索代替生成，確保視覺效果
- 全棧構建 + 圖像生成 + 深度視覺理解，組合成鈕祜祿版本
7個案例實測：星露谷、JARVIS、品牌網站等
- 1 星露谷遊戲：上傳參考影片，一鍵生成春天同冬天兩版，還原度好高。
- 2 3D 交互網頁：球體跟隨鼠標旋轉，懸停暫停，有真實空間感。
- 3 音頻可視化：對住咪高峯發出聲音，畫面會隨頻率變化光影。
- 4 JARVIS 系統：整合攝像頭做手勢識別、語音指令（例如話「go to Tokyo」切換地圖），HUD 風格還原度高。
- 5 品牌網站（黑白）：參考一張圖，生成瑞士網格系統嘅活動頁面，排版乾淨。
- 6 品牌網站（油畫）：參考油畫，生成文藝復興風格珠寶頁面，自己加咗一束光，氛圍感十足。
小經驗：提示詞、參考素材同分步規劃
- 提示詞可以寫詳細，簡單都冇問題，但越清楚效果越接近預期。可以包括風格、功能、參考案例。
- 有參考圖或影片效果會更好，Kimi 嘅理解同還原能力好強。
- 善用 Kimi 嘅搜索能力，叫佢先搜某個風格再設計，效果更佳。
- 複雜項目分步做，先叫佢規劃大方向，確認啱先繼續，避免浪費時間。
- 所有生成嘅文件都可以線上修改同下載，細節唔啱可以圈選修改。
整體嚟講，Kimi 呢次升級值得一試。審美在線、全流程順暢、複雜交互都做到。雖然有時要微調，但門檻已經大幅降低。
嗨大家好！我係阿真！
Kimi 前兩日出咗並開源咗最新嘅 K2.5 模型，簡單講，呢個模型最大嘅變化係：原生多模態能力已經安排咗，可以直接貼圖、貼片、甚至貼網站連結，等佢參考去做，加上視覺深度理解咗，一眼可以睇明你想做乜。而且仲有一個 Agent 智能體集羣，一次過叫幾十個專家幫你一齊做嘢。
另外，呢個視覺設計加代碼實現能力（簡單講就係審美能力），仲登咗全球榜單 Design Arena，同 Gemini 並列第一...
咁今日我一定要測試下先。
就嚟睇下 Kimi 喺 vibe coding 方面嘅前端視覺理解，睇下佢究竟可唔可以一幀幀「睇明」我上傳嘅參考，再交出全新嘅效果。所以我之前睇完一澤用 Kimi 整嘅網頁之後，都直接畀 Kimi 上難度，1:1 複製一個屬於我自己嘅星露穀物語遊戲！
而且仲要春天同冬天兩個季節兩版，上傳參考視頻就直接叫佢做🤔
Let's Coding！上連結：
https://www.kimi.com/
請你搜尋星露谷嘅設計風格，然後根據兩個視頻內容，幫我製作星露谷遊戲。
講真，我覺得我嘅大白話加極簡風格提示詞，本來得人類遊戲設計師先會明掛哈哈。（唔係，可能對方第一件事係打我）
突然諗起作為 AI 老玩家，我之前 vibe coding 出嚟嘅啲爛效果，以前都唔好意思攞出嚟，畀大家對比下。呢個紫色呢個漸變同 emoji 都係老三樣，預設設定一樣，十次有八九次係呢啲風格，交互同圖片冇得講，主打一個幾乎冇👇
但 Kimi 出嚟嘅效果明顯唔同，視覺完成度真係高，而且好多係一次輸出之後效果已經好好，畀網頁加嘅交互都好好。呢度我放一個沉浸式交互嘅網頁，大家睇下效果。好順好流暢👇
佢唔單止做咗一個靜態頁面，交互邏輯都寫咗入去。波體展開嘅時候好似進入到呢個 3D 世界嘅內部咁去觀看，完全係我想要嘅效果～！滑鼠移動嘅時候波體會跟住輕微旋轉，懸停嘅時候自轉會暫停，有真實嘅空間感。呢種 3D 效果以前要自己寫代碼都幾麻煩，而家同 Kimi 描述呢個需求，佢就可以幫忙實現。
由「我想要」到「我做到」嘅距離，正被 Kimi 大幅縮短。
落地頁都有頭有尾效果唔錯，本人鍾意嘅小清新風格完成度都好高！
上面嘅連結：
https://x7wmlkgzog3jo.ok.kimi.link
https://w7oqh5wbtiddk.ok.kimi.link/
仲有啲案例我等陣單獨講。
簡單講，Kimi 嘅 Vibe Coding 而家係鈕祜祿版本，佢整合咗多個重要能力。
首先係全棧構建，佢會自己規劃任務，自己寫代碼，自己部署上線，完全由 0 到 1 將嘢整出嚟。
其次係圖像生成，視覺上面嘅衝擊感首先就係 AI 生圖帶嚟嘅，今次 Kimi 直接自己將圖生好咗，邊個位配咩圖，效果好好。而且佢加咗深度視覺理解，如果覺得自己生嘅圖唔吻合你要求嘅話，佢就會用搜尋取代生成。我話點解以前 AI 做得咁差，可能就係冇更好嘅視覺理解，淨係顧住對照「提示詞」嘅最表面意思嚟做嘢。
而呢啲能力組合埋之後，我哋只要畀佢一個想法，佢會先自己睇參考、再去網上查資料比對理解我想要咩，自己規劃點做，自己設計介面。最後寫好代碼仲可以直接部署上線，整好咗攞畀邊個炫耀都好方便。製作嘅成個過程，講完要求我哋咩都唔使做，等佢一氣呵成做完就得。
純國產自研嘅 Agent，暢通無阻，順滑上號！
使用方法
打開 Kimi 網頁端，㩒對話框裏面嘅 Agent 掣，之後直接喺對話框描述想做咩就得👇
嚟緊直接睇我幾個靈感爆棚嘅嘗試。
1. 聲音嘅旅程
人抽象咗果然咩都整得出，例如呢個，我直接出聲攻。唔好笑，你笑你都過唔到第二關🐶👇
連結：https://z3vjphsozxexw.ok.kimi.link
呢個遊戲嘅核心係將咪高峯變成採集器。佢嘅後台行緊一套複雜嘅頻譜分析演算法，可以將你嘅每一下咳、每一段音樂都拆成頻率數據，直接指揮像素世界裏面嘅草長鶯飛。
呢個係音頻可視化嘅小網頁，呢個直接提示詞文字輸出，唔記得放參考圖添。簡單講就係，只要我對住咪高峯出聲，屏幕上就會跟住產生各種動態嘅光影效果。打開網頁之後，佢會請求咪高峯權限，㩒允許就得。然後就可以對住佢講嘢、唱歌，或者直接播音樂，畫面就會隨住聲音嘅節奏同高低起伏變化。低音重嘅時候可能係一種效果，高音尖嘅時候又係另一種感覺，整體睇起嚟好似跟住聲音去旅行。
純粹係好玩嘅嘢，呢個都冇做調整，就係 Kimi 一鍵直出嘅效果。
2. JARVIS 交互系統
交互效果網頁，邊個可以拒絕 JARVIS 哈哈。呢個案例係難度最高嘅：我叫佢做一個 Iron Man JARVIS 風格嘅交互效果網頁。
畀 Kimi 上強度哈哈哈👇，整出嚟感覺係由美劇變咗好上頭嘅遊戲👇
連結：https://www.kimi.com/share/19bfed3b-7342-8d63-8000-0000c02e6a19
我想做一個 Iron Man 裏 JARVIS 嘅交互效果網頁，你可以去搜尋 JARVIS 喺電影裏面嘅效果係點樣嘅。我想要實現 HUD 視覺 + 實時手勢控制 + 聲音喚醒 + 衞星地圖 + 天氣掃描，全部整成「瀏覽器可以直接運行嘅 HUD 系統」。具體要求：實時攝像頭 + 實時 HUD 畫面（球形色透鏡）、手勢追蹤（握合拍/手勢模擬地圖）、語音指令（"enhance image"，"go to Tokyo"）、衞星地圖切換 + 仿全息掃描
佢叫咗手勢識別，攝像頭捕捉到我哋嘅手部動作之後，可以用手勢控制介面上嘅元素。
語音喚醒都做咗入去，講「go to Tokyo」可以切換地圖顯示東京嘅位置，講「enhance image」可以觸發圖像增強效果。整體 HUD 嘅視覺風格還原度都幾高。全息感、掃描線動畫、數據面板、雷達圖呢啲元素都有。介面分咗幾個功能區：左邊係實時攝像頭畫面疊加 HUD 濾鏡，右邊係手勢追蹤嘅可視化，下面係地圖同天氣模組。
當然未到電影裏面 JARVIS 咁誇張，畢竟嗰啲係荷里活特效。但作為一個喺瀏覽器裏面就可以行嘅 demo，呢個完成度已經超出我預期。
3. 品牌網站
然後我想嘗試一個設計方向嘅案例。想試下佢可唔可以整出啲質感特別高級嘅網站，唔係嗰啲模板感好重嘅，而係嗰啲有品牌調性、有設計感嘅。
下面呢個係通過 1 張參考圖加 1 輪直出嘅效果👇
連結：https://b76nuai4itlny.ok.kimi.link
根據我呢個風格，複製並擴展一個高級黑白風格網頁設計嘅網站。整體採用嚴格嘅瑞士網格系統，高密度資訊排佈同模組化區塊結構。網站劃分為活動介紹、設計理念、議程時間線、嘉賓資訊，網站內容由你自行生成，頁面語言為英文。
繼續，再換一個風格：我叫佢參考油畫作品，設計一個珠寶品牌頁面。
見到呢個油畫首圖嘅時候我勁心動，尤其佢仲自己加咗一束光，可以話好有氛圍感。睇下完整頁面👇
連結：https://liumvmg4nzzn2.ok.kimi.lnk
用呢張圖嚟參考，為高端珠寶品牌設計一個故事型落地頁。整體行文藝復興油畫路線：純黑背景，單束光打喺珠寶上好似祭壇上嘅聖物，絲絨襯布嘅褶皺若隱若現。文字用古典襯線體，敍事節奏慢，留夠呼吸感。
整體係油畫效果。另外，產品展示區嘅排版好仔細好乾淨，好似我提示詞要求嘅一樣，係光打喺珠寶上似聖物、絲絨襯布加褶皺都整咗出嚟，整整齊齊又冇過度堆砌。
呢度嘅圖片全部都係佢自行生成嘅。字體選擇都唔錯，襯線體配合大量留白，高級感出咗嚟，好舒服嘅觀感，呢個審美水平放喺一眾 AI 裏面確實算 Top 嗰一檔了。
以前覺得遙不可及嘅嘢，而家只要描述清楚需求就可以見到雛形，呢種感覺真係好神奇。
一啲小經驗
1. 提示詞可以寫詳細，簡單提示描述清晰都得。佢嘅理解能力唔錯，但我哋描述得越清楚，出嚟嘅效果肯定越接近預期。可以寫風格要求、功能要求、參考案例呢啲。亦都可以喺製作之前同 Kimi 對話確認嚇有冇不足或者需要補充嘅需求一次過講曬。
2. 有參考圖、參考視頻效果會更好。可以揾多啲自己鍾意嘅風格素材做參考圖畀 Kimi，佢嘅理解同還原能力好強。
3. 善用佢嘅搜尋能力。唔好唔記得 Kimi 自帶嘅深度搜尋能力。例如叫佢先搜尋某個風格、某個產品嘅特點，再根據搜尋結果設計，效果會更好。好似星露谷嗰個案例，我叫佢先搜再做，出嚟嘅還原度就好高。
4. 複雜項目可以分步嚟。如果項目比較複雜，建議可以先叫佢做整體規劃，確認方向冇問題再繼續，避免做完先發現方向唔啱要重做，浪費時間。
5. 呢度所有文件都可以在線修改加下載。有啲小細節唔滿意可以直接喺網頁上圈出嚟 send 畀 Kimi，叫佢局部做細節修改，仲可以保持整體效果唔變。
小結
整體嚟講，Kimi 今次嘅升級我覺得值得一試。尤其係審美呢一環，冇諗過我曾經最鍾意嘅 Gemini 老師已經遇到對手……
講幾點我覺得好正嘅地方：
1. 審美好在線。呢個係我最驚喜嘅一點。以前 AI 做網頁，配色、排版，總覺得 AI 味好重。Kimi 今次出嚟嘅效果，視覺完成度明顯更高更細膩，唔需要再大改。
2. 全流程體驗順暢。描述完需求，Kimi 自己規劃、搜尋、設計、寫代碼、部署，成個流程一氣呵成。中間可以睇到佢嘅思考過程，知道佢做緊咩。
3. 複雜交互都可以實現。好似 JARVIS 嗰個案例，涉及到攝像頭、手勢識別、語音控制呢啲，以前自己想實現一個兩個都幾唔容易，要全部實現更難。而家描述清楚需求，佢可以搞掂大部分工作。
不過，都仲係需要微調嘅。老實講，唔係每次都一步到位，有時臨時想修改或者補充啲細節可能要再溝通幾輪。
如果你哋之前想 Vibe Coding 但畀各種門檻勸退過，而家可以去 Kimi 試下。唔使搞咁多嘢，國內直接用得，就係咁想做咩就做咩，用自然語言整網站、整遊戲嘅感覺。工具持續進化，我哋嘅想像力先係真正嘅天花板。
好啦，今日嘅分享就到呢度，如果你哋有咩有趣嘅案例同想法分享，歡迎留言區一齊交流討論，都期待大家大力三連鼓勵阿真～
下期見喇！
嗨大家好！我是阿真！
Kimi 前兩天發佈並開源了最新的 K2.5 模型，簡單說，這個模型最大的變化是：原生多模態能力安排上了，可以直接貼圖、貼視頻、甚至貼網站連結，讓它去參考去做，加上視覺深度理解了，一眼能看懂你想幹啥。而且還有一個Agent智能體集羣，一次調動幾十個專家來幫你一起幹活。
外加，這個視覺設計+代碼實現能力(簡單來說就是審美能力)，還登頂了全球榜單 Design Arena ，和 Gemini 的並列第一...
那今天我必須要檢測檢測了。
就來看看 kimi 在vibe coding 方面前端視覺理解 ，看看它到底能不能一幀幀“看懂”我上傳的參考，並交付出全新的效果。所以我當時看了一澤用Kimi做的網頁後，也來直接給Kimi上難度，1：1 復刻一個屬於我自己的星露穀物語遊戲！
而且還要春天和冬天兩個季節兩版，上傳參考視頻就直接讓它幹🤔
Let's Coding ! 上鍊接：
https://www.kimi.com/
請你搜索星露谷的設計風格，然後根據兩個視頻內容，幫我製作星露谷遊戲。
有一說一，我感覺就我這個大白話 + 極簡風提示詞，原來只有人類遊戲設計師才能理解吧哈哈哈。（不對，可能對方做的第一件事是打我）
突然回想起了作為 ai 老玩家，我之前 vibe coding 出來的那些爛效果，以前都不好意思拿出來，給大家來個對比。這個紫這個漸變和 emoji 都是老三樣了，默認設定了一樣，十次有八九次是這些風格，交互和圖片也不用說了，主打一個幾乎沒有👇
但 Kimi 出來的效果明顯不一樣，視覺完成度真的高，而且很多是一次輸出後效果就很好，給網頁加的交互也很好。這裏我放一個沉浸式交互的網頁，大家看看效果。很絲滑很流暢👇
它不光是做了一個靜態頁面，交互邏輯也寫進去了。球體展開的時候就像進入到這個 3d 世界的內部去觀看一樣， 完全是我想要的效果~！鼠標移動時球體會跟隨輕微旋轉，懸停時自轉會暫停，有真實的空間感。這種 3D 效果以前要自己寫代碼還挺麻煩的，現在和 Kimi 描述這個需求，它就能幫忙實現。
從“我想要”到“我做到”的距離，正在被 Kimi 大幅縮短。
落地頁也是有始有終效果很不錯，本人喜歡的小清新風格完成度也很高！
上面的連結：
https://x7wmlkgzog3jo.ok.kimi.link
https://w7oqh5wbtiddk.ok.kimi.link/
還有一些案例我待會兒單獨講。
簡單來說，Kimi 的 Vibe Coding 現在是鈕祜祿版本了，它整合了多個重要能力。
首先是全棧構建，它會自己規劃任務，自己寫代碼，自己部署上線，完全從0到1把東西做出來。
其次是圖像生成，視覺上面的衝擊感首先就是AI生圖帶來的，這次 Kimi 直接自己把圖生成好了，什麼地方配什麼圖，效果很好。而且它加上了深度視覺理解， 如果覺得自己生的圖不吻合你要求呢，他就會用搜索來替代生成。我說原來ai怎麼做的那麼差，可能就是沒有更好的視覺理解，完全只顧着對照“提示詞”的最表面意思來幹活。
而這些能力組合起來之後，我們只要給它一個想法，它會先自己去看參考、再去網上查資料比對理解我要什麼，自己規劃怎麼做，自己設計界面。最後寫好代碼還能直接部署上線，做好了拿給誰炫耀都很方便。製作的整個過程，發完要求我們啥也不幹，等它一鼓作氣幹完就行。
純國產自研的 Agent ，暢通無阻，絲滑上號！
使用方法
打開 Kimi 網頁端，點擊對話框裏的 Agent 按鈕，接下來就直接在對話框裏描述想做什麼就可以了👇
接下來直接看我幾個靈感迸發的嘗試。
1. 聲音的旅程
人抽象了果然什麼都能做出來，比如說這個，我直接發起音攻。別笑，你笑你也過不了第二關🐶👇
連結：https://z3vjphsozxexw.ok.kimi.link
這個遊戲的核心就是把麥克風變成了採集器。它的後台跑着一套複雜的頻譜分析算法，能把你的每一聲咳嗽、每一段音樂都拆成頻率數據，直接指揮像素世界裏的草長鶯飛。
這是一個音頻可視化的小網頁，這個直接提示詞文字輸出忘了放參考圖了嘿。簡單說就是，只要我對着麥克風發出聲音，屏幕上就會跟着產生各種動態的光影效果。打開網頁後，它會請求麥克風權限，點允許就行。然後就可以對着它說話、唱歌，或者直接外放音樂，畫面就會隨着聲音的節奏和高低起伏變化。低音重的時候可能是一種效果，高音尖的時候又是另一種感覺，整體看起來像是跟着聲音去旅行
純粹是個好玩的東西，這個也沒做調整，就是Kimi一鍵直出的效果。
2. JARVIS交互系統
交互效果網頁，誰能拒絕賈維斯哈哈哈。這個案例是難度最高的：我讓它做一個鋼鐵俠 JARVIS 風格的交互效果網頁。
給 Kimi 上強度哈哈哈👇，做出來感覺就是從美劇變成了很上頭的遊戲👇
連結：https://www.kimi.com/share/19bfed3b-7342-8d63-8000-0000c02e6a19
我想做一個 Iron Man 裏 JARVIS 的交互效果網頁，你可以去搜索 JARVIS 在電影裏的效果是什麼樣子的。我想要實現 HUD 視覺 + 實時手勢控制 + 聲音喚醒 + 衞星地圖 + 天氣掃描，全部做成「瀏覽器可直接運行的 HUD 系統」。具體要求：實時攝像頭 + 實時 HUD 畫面（球形色透鏡）、手勢追蹤（握合拍/手勢模擬地圖）、語音指令（"enhance image"，"go to Tokyo"）、衞星地圖切換 + 仿全息掃描
它調用了手勢識別，攝像頭捕捉到我們的手部動作後，可以用手勢來控制界面上的元素。
語音喚醒也做進去了，說“ go to Tokyo ”可以切換地圖顯示東京的位置，說“enhance image”可以觸發圖像增強效果。整體 HUD 的視覺風格還原度挺高的。全息感、掃描線動畫、數據面板、雷達圖這些元素都有。界面分了好幾個功能區：左邊是實時攝像頭畫面疊加 HUD 濾鏡，右邊是手勢追蹤的可視化，下方是地圖和天氣模塊。
當然沒到電影裏 JARVIS 那個誇張程度，畢竟那是好萊塢特效。但作為一個在瀏覽器裏就能跑的 demo，這個完成度已經超出我預期了。
3. 品牌網站
然後我想嘗試一個設計方向的案例。想試試它能不能做出一些質感特別高級的網站，不是那種模板感很重的，是做出那種品牌調性的、有設計感的。
下面這就是通過1張參考圖+1輪直出的效果👇
連結：https://b76nuai4itlny.ok.kimi.link
根據我這個風格，復刻並擴展一個高級黑白風網頁設計的網站。整體採用嚴格的瑞士網格系統，高密度信息排布與模塊化區塊結構。網站劃分為活動介紹、設計理念、議程時間線、嘉賓信息，網站內容由你自行生成，頁面語言為英文。
繼續，再換一個風格：我讓它參考油畫作品，設計一個珠寶品牌頁面。
看到這個油畫首圖的時候我狠狠心動了，尤其它還自己加了一束光，可以說是很有氛圍感了。看看完整頁面👇
連結：https://liumvmg4nzzn2.ok.kimi.lnk
用這張圖來參考，給高端珠寶品牌設計一個故事型落地頁。整體走文藝復興油畫路線：純黑背景，單束光打在珠寶上像祭壇上的聖物，絲絨襯布的褶皺若隱若現。文字用古典襯線體，敍事節奏慢，留足呼吸感。
整體是油畫的效果。另外，產品展示區的排版很細節很乾淨，就像我提示詞中要求的一樣， 是光打在珠寶上像聖物、絲絨襯布 + 褶皺也做出來了，整整齊齊也沒有過度堆砌。
這裏的圖片也全都是它自行生成的。字體選擇也不錯，襯線體配合大量留白，高級感出來了，很舒適的觀感，這個審美水平放在一眾 AI 裏確實算Top的那一檔了。
以前覺得遙不可及的東西，現在只要描述清楚需求就能看到雛形，這種感覺真的很奇妙。
一些小經驗
1. 提示詞可以寫詳細，簡單提示描述清晰也可以。它的理解能力不錯，但我們描述得越清楚，出來的效果肯定是越接近預期。可以寫風格要求、功能要求、參考案例這些。也可以在製作之前先和 Kimi 對話確認還有哪些不足或者需要補充道需求裏一次說完的。
2. 有參考圖、參考視頻效果會更好。可以多找一些自己喜歡的風格的素材作為參考圖給到 Kimi ，它的理解和還原能力很強。
3. 善用它的搜索能力。不要忘了 Kimi 自帶的這種深度搜索的能力。比如讓它先搜索某個風格、某個產品的特點，再基於搜索結果來設計，效果會更好。像星露谷那個案例，我讓它先搜再做，出來的還原度就很高。
4. 複雜項目可以分步來。如果項目比較複雜，建議可以先讓它做整體規劃，確認方向沒問題了再繼續，避免做完發現方向不對要重來，浪費時間。
5. 這裏所有文件都可以在線修改+下載。有一些小細節不滿意可以直接在網頁上圈選出來發給 Kimi ，讓它局部去做細節修改， 還能保持整體的效果不變。
小結
整體來說，Kimi 這次的升級我覺得挺值得一試。尤其是審美這塊，沒想到我曾經最寵愛的 Gemini 老師已遇到對手……
說幾點我覺得很好的地方：
1. 審美很在線。這是我最驚喜的一點。以前 AI 做網頁，配色、排版、總感覺AI味好重。Kimi 這次出來的效果，視覺完成度明顯更高更細膩，不需要再去大改。
2. 全流程體驗順暢。描述完需求，Kimi自己規劃、搜索、設計、寫代碼、部署，整個流程一氣呵成。中間可以看到它的思考過程，知道它在幹什麼。
3. 複雜交互也能實現。像 JARVIS 那個案例，涉及到攝像頭、手勢識別、語音控制這些，以前自己想實現一個兩個都挺不容易，要都實現更難。現在描述清楚需求，它可以搞定大部分工作。
不過，還是需要微調的。實打實說，也不是每次都能一步到位，有時候臨時想修改或者補充些細節可能要再溝通幾輪。
如果大家之前想 Vibe Coding 但被各種門檻勸退過，現在可以去 Kimi 試試。不用折騰，國內直接能用，就這樣想做什麼做什麼，用自然語言做網站、做遊戲的感覺。工具在持續進化，我們的想象力才是真正的天花板了。
好了，今天的分享就到這裏啦，如果大家有什麼有趣的案例和想法分享，歡迎評論區一起交流討論，也期待大家猛猛三連鼓勵阿真~
下期見嘍！