Quoting Julia Evans
Simon Willison's Weblog17d agoOpinion知名技術部落客 Julia Evans 分享她決定停用 Tailwind CSS 並深入學習原生 CSS 的經歷。她指出，過去常被抱怨的「CSS 很難」其實早已被現代 CSS 解決。她認為 CSS 之所以困難，是因為它正在解決一個本質上就很困難的網頁排版問題，開發者應該給予這項技術應有的尊重。
How KIKO Milano scales for Black Friday
Vercel Changelog28d agoOpinion本文介紹義大利知名美妝品牌 KIKO Milano 如何利用 Vercel 的前端雲端平台與 Next.js 架構，成功度過黑色星期五的極端流量考驗。透過邊緣網路與優異的渲染策略，KIKO Milano 不僅確保了網站的 100% 可用性，還大幅提升了網頁載入速度與轉換率，為全球消費者提供流暢的購物體驗。
Native Deployment Checks are now available
Vercel Changelog35d agoReleaseVercel 正式推出「原生部署檢查（Native Deployment Checks）」功能。此功能讓開發者無需繁瑣配置第三方工具，即可在 Vercel 平台內直接對每次部署進行自動化的品質、安全與效能驗證。檢查結果將直接整合於 Vercel 控制台與 Git 流程中，大幅提升團隊的開發效率與程式碼上線品質。
Vercel Flags is now generally available
Vercel Changelog47d agoReleaseVercel 宣布其功能旗標（Feature Flags）功能正式進入一般可用階段（GA）。此功能可與 LaunchDarkly、Split 等主流服務深度整合，並透過 Edge Config 實現極低延遲的動態切換。開發者現在能更安全地進行漸進式發布與 A/B 測試，大幅提升前端部署的靈活性與穩定性。
Elastic Build Machines is now GA★ 70
Vercel Changelog49d agoReleaseVercel 宣布「Elastic Build Machines」正式全面開放（GA）。這項功能允許開發團隊根據專案需求，動態調整建置（Build）時的 CPU 與記憶體資源。這能有效解決大型前端專案、Monorepos 或複雜 Next.js 應用在建置時常遇到的記憶體不足（OOM）或建置時間過長的問題，大幅提升 CI/CD 效率與穩定性。
Any Custom Frontend with Gradio's Backend★ 78
Hugging Face Blog62d agoReleaseHugging Face 旗下的 Gradio 宣布重大更新，允許開發者將 Gradio 單獨作為後端服務（Gradio Server）。開發者將不再受限於 Gradio 預設的 UI 組件，可自由使用 React、Vue、Svelte 或原生 JS 打造完全客製化的前端，同時保留 Gradio 內建的狀態管理、請求佇列、串流（Streaming）等強大後端優勢，大幅提升 AI 應用的開發彈性。
Chat SDK brings agents to your users★ 80
Vercel Changelog75d agoReleaseVercel 宣布其 Chat SDK（AI SDK 的核心部分）全面強化對 AI Agent（代理）的支援。開發者現在可以更輕鬆地構建具備工具調用、多步驟推理及動態 Generative UI 的智慧代理。此更新簡化了前端與 LLM 代理之間的狀態同步，讓複雜的 Agent 互動能以流暢、直觀的聊天介面呈現給最終用戶。
v0 now includes diff view to review code changes★ 75
Vercel Changelog76d agoReleaseVercel 旗下的 AI 前端生成工具 v0 正式推出「Diff 檢視」功能。 當使用者要求 v0 修改現有 UI 或程式碼時，系統會以直觀的紅綠標色介面，清晰呈現程式碼的「新增」與「刪除」部分。 此更新大幅提升了程式碼審查的效率與準確性，讓開發者在將 AI 生成的程式碼整合至專案時更具信心。
Streamdown 2.5 is now available
Vercel Changelog78d agoReleaseVercel 官方發布了 Streamdown 2.5 版本。Streamdown 是 Vercel 用於處理 AI 串流（Streaming）中 Markdown 即時渲染的工具，能有效解決 LLM 輸出未完成時的排版破碎問題。本次 2.5 更新預期帶來了效能優化與更好的渲染穩定性，是開發 AI 聊天介面的前端工程師值得關注的輕量級工具。
AI Elements 1.9 is now available
Vercel Changelog82d agoReleaseVercel 官方發布了 AI Elements 1.9 更新。AI Elements 是 Vercel 旨在幫助開發者快速構建 AI 互動介面（如聊天界面、生成式 UI 等）的元件庫。本次 1.9 版本的推出，將進一步提升前端開發者在整合 AI 功能時的開發效率與元件效能，是使用 Vercel 生態系開發 AI 應用不容錯過的更新。
Chat SDK adds table rendering and streaming markdown
Vercel Changelog88d agoReleaseVercel 宣布為其 Chat SDK 推出兩項重要更新：表格渲染與 Markdown 串流優化。開發者現在可以更輕鬆地在 AI 聊天介面中呈現結構化的表格數據。同時，新版本改進了 Markdown 的串流解析，確保 AI 在即時生成內容時，Markdown 語法能更平滑、無縫地漸進式顯示，大幅提升使用者的閱讀體驗。
Streamdown 2.4: More customization, accessibility and custom rendering
Vercel Changelog89d agoReleaseVercel 發表 Streamdown 2.4 更新，這款專為 AI 串流設計的 Markdown 渲染工具迎來三大改進。新版本提供了更豐富的自訂選項，並大幅提升了無障礙性（Accessibility）支援。此外，開發者現在可以更輕鬆地實作自訂渲染（Custom Rendering），將特定的 Markdown 語法轉換為自訂的 React 元件，極大提升了 AI 聊天介面的開發彈性。
Gamma builds design-first agents with Vercel★ 75
Vercel Changelog94d agoBusiness知名 AI 簡報與網頁生成平台 Gamma 宣布與 Vercel 合作，致力於開發「設計優先」的 AI Agent。透過 Vercel 的高效能前端基礎設施與 AI SDK，Gamma 能夠即時生成兼具美感與互動性的動態網頁與簡報。此舉展示了未來 AI Agent 將高度整合視覺設計與優異的 UI/UX 呈現能力。
Streamdown 2.3 — Refreshed design and interactive playground
Vercel Changelog103d agoReleaseVercel 推出 Streamdown 2.3 版本更新。本次更新重點在於視覺設計的全面翻新，並新增了互動式 Playground（遊樂場），讓開發者能更直觀地測試與調整串流 Markdown 的呈現效果。這對於構建 AI 聊天介面與即時文本輸出應用的開發者來說，是一次實用的工具升級。
One-Shot Any Web App with Gradio's gr.HTML★ 80
Hugging Face Blog104d agoNew ToolHugging Face 官方部落格介紹了利用 Gradio gr.HTML 元件實現「一鍵生成網頁應用（One-Shot Web App）」的新方法。透過結合 LLM 強大的單檔案代碼生成能力，開發者可以直接將生成的完整 HTML/JS/CSS 程式碼注入 Gradio 介面中運行。這不僅突破了 Gradio 原本的 UI 限制，還能無縫託管於 Hugging Face Spaces，為快速開發自定義互動工具、遊戲和儀表板開闢了全新途徑。
Copy visual context to agents from Vercel Toolbar
Vercel Changelog119d agoReleaseVercel 宣布在 Vercel Toolbar 中新增「複製視覺上下文至 Agent」功能。開發者在預覽網頁時，可直接擷取當前視覺狀態與結構並貼給 AI 助理（如 v0）。這簡化了前端除錯與 UI 迭代流程，讓 AI 能更精準地理解並修正網頁視覺問題。
Introducing the new v0★ 85
Vercel Changelog119d agoReleaseVercel 正式發表全新的 v0。這次重大升級將 v0 從原本的 React/Tailwind UI 元件生成器，徹底蛻變為全端應用開發助手。新版支援多檔案專案結構、Next.js API 路由與後端資料整合，並提供更直覺的視覺化點選編輯與一鍵部署至 Vercel 的流暢體驗，大幅降低了從創意到產品上線的開發門檻。
Vercel now supports customizing platform error pages
Vercel Changelog130d agoReleaseVercel 宣布支援自訂平台層級的錯誤頁面。過去當網站發生 404 找不到網頁、504 伺服器逾時或部署錯誤時，會顯示 Vercel 預設的系統畫面。現在開發者可以自由設計這些錯誤頁面，提供更符合品牌形象的設計與引導，大幅提升使用者體驗與品牌一致性。
New dashboard navigation available
Vercel Changelog131d agoReleaseVercel 官方發布了全新的儀表板導覽（Dashboard Navigation）更新。本次更新旨在優化開發者體驗（DX），讓使用者能更快速地在專案、部署、設定與團隊空間之間切換。這對於頻繁使用 Vercel 部署前端與 AI 應用的開發者和 SOHO 來說，將能顯著提升日常工作流的效率。
AI Code Elements★ 75
Vercel Changelog132d agoReleaseVercel 於 Changelog 發布全新功能「AI Code Elements」。此更新旨在優化 AI（如 v0）生成前端程式碼時的體驗，提供更強大的即時預覽與元件化管理。開發者可以更輕鬆地在瀏覽器中操作 AI 生成的 UI 元素，並快速將其導入 Next.js 等專案中，顯著提升開發效率。
AI Voice Elements★ 75
Vercel Changelog139d agoReleaseVercel 發布全新「AI Voice Elements」，旨在幫助前端開發者輕鬆建立語音 AI 互動介面。這套工具提供開箱即用的 React 組件（如語音波形圖、麥克風按鈕）與狀態管理 Hook，並與 Vercel AI SDK 深度整合。開發者能藉此快速對接 OpenAI Realtime API、ElevenLabs 等主流語音服務，大幅降低構建即時語音應用的門檻。
Reduced build times for large projects
Vercel Changelog139d agoReleaseVercel 發布最新更新，針對具有大量頁面或複雜依賴關係的大型專案優化了建置效能。透過改進建置流程與資源分配，開發者將能體驗到更快的部署速度。此舉有助於縮短 CI/CD 流程的等待時間，讓團隊能更敏捷地進行迭代，提升整體開發體驗。
Introducing: React Best Practices★ 75
Vercel Changelog139d agoReleaseVercel 官方正式發布「React 最佳實踐」指南，旨在為現代 React 開發（特別是 React 19 與 Next.js 生態）提供權威的架構與開發標準。指南深入探討了伺服器元件（Server Components）與用戶端元件（Client Components）的黃金分割、高效的資料獲取模式，以及如何利用 React Compiler 和 PPR 進行極致的效能優化。這套指南將幫助開發者避免常見的反模式，寫出更安全、更好維護的現代 Web 應用。
Web Interface Guidelines now available as an agent command★ 75
Vercel Changelog141d agoReleaseVercel 宣布其「網頁介面指南 (Web Interface Guidelines)」現已可作為 Agent 指令使用。這項更新讓開發者在使用 AI 編碼助手（如 v0、Cursor 等）時，能直接透過指令讓 AI 遵循 Vercel 推薦的網頁設計與開發最佳實踐。這不僅能提升 AI 生成程式碼的品質，還能確保介面在無障礙設計與效能上符合高標準。
Streamdown v2: Smaller bundle size and new Remend options
Vercel Changelog141d agoReleaseVercel 推出其 Markdown 串流解析工具 Streamdown 的第二代版本。本次更新重點在於大幅優化打包體積（Bundle Size），提升前端載入效能，並引入全新的 Remend 配置選項，讓開發者在處理不完整或串流中的 Markdown 文本時，能有更彈性的修復與渲染控制。
How we made v0 an effective coding agent★ 85
Vercel Changelog146d agoOpinionVercel 官方部落格深入解析了 AI 程式碼生成工具 v0 的演進歷程。透過引入瀏覽器端沙盒環境、結合編譯器反饋的自我糾錯機制，以及基於 shadcn/ui 和 Tailwind CSS 的結構化設計系統，v0 成功從單純的 UI 產生器轉型為能獨立思考、編譯並解決複雜前端問題的 Coding Agent，大幅提升程式碼生成品質與開發者體驗。
Build smarter workflows with Notion and v0★ 75
Vercel Changelog169d agoReleaseVercel 推出 v0 與 Notion 的整合功能，旨在簡化以 Notion 作為後端的應用程式開發。開發者現在可以利用 v0 的生成式 UI 能力，直接讀取 Notion 的資料庫與頁面結構，快速生成對應的 React 組件、儀表板或自定義工作流。這項更新大幅降低了將 Notion 數據可視化與建立內部工具的門檻。
How to prompt v0★ 80
Vercel Changelog169d agoTutorialVercel 官方發布 v0 提示詞（Prompt）最佳實踐指南。文章深入解析如何透過結構化描述、分步迭代、上傳設計截圖以及指定互動狀態，來引導 v0 生成精確且符合預期的 React、Tailwind CSS 與 shadcn/ui 組件。這份指南能幫助開發者與設計師大幅提升 UI 生成效率與程式碼品質。
Introducing Platform Elements★ 75
Vercel Changelog179d agoReleaseVercel 發表全新「Platform Elements」，這是一套預建的 UI 組件庫。開發者可以直接在自己的 B2B SaaS 應用中，嵌入如自訂網域設定、部署狀態監控等功能，無需從頭開發複雜的基礎設施 UI。這大幅降低了建立網站生成器或平台型產品的開發門檻，提升最終用戶的體驗。
New npm package for automatic recovery of broken streaming markdown★ 75
Vercel Changelog181d agoNew ToolVercel 發表全新 npm 套件，專為解決 AI 串流（Streaming）時 Markdown 語法不完整導致的渲染問題。當 LLM 輸出尚未結束時，該套件能即時補全未閉合的程式碼區塊、粗體或表格等標籤，避免前端畫面閃爍或排版崩潰。這對於開發 AI 聊天介面的前端工程師來說，是提升使用者體驗的實用工具。