Push a custom version of Stable Diffusion 3★ 70
Replicate Blog718d agoNew ToolReplicate 宣布支援用戶部署自定義版本的 Stable Diffusion 3 (SD3)。開發者可以使用開源工具 Cog 將微調後的 SD3 模型、自定義權重（如 LoRA）打包，並上傳至 Replicate 平台。部署完成後，即可透過直觀的網頁介面進行測試，或利用生產級的 API 進行大規模圖像生成，大幅降低了雲端 GPU 部署、自動擴展與維護的門檻，非常適合新創團隊與獨立開發者快速將 AI 應用落地。
Diffusers welcomes Stable Diffusion 3★ 80
Hugging Face Blog720d agoReleaseHugging Face 宣布其 diffusers 函式庫已正式整合 Stability AI 的 Stable Diffusion 3 (SD3)。本次更新全面支援 SD3 Medium 模型，並引入多項關鍵的記憶體優化技術（如 CPU offloading、float16 精度與可選的 T5-XXL 編碼器），讓開發者能在消費級 GPU 上流暢運行。此外，官方也同步釋出了 DreamBooth 與 LoRA 的微調腳本，大幅降低了客製化圖像生成模型的門檻。
Run Stable Diffusion 3 with an API★ 70
Replicate Blog720d agoNew ToolStability AI 的最新文字生成圖像模型 Stable Diffusion 3 已正式上架雲端託管平台 Replicate。此版本模型在圖像生成品質、文字排版精準度、複雜提示詞理解能力以及資源運行效率上，皆比前代有顯著的提升。開發者現在可以透過 Replicate 提供的雲端 API，僅需編寫一行程式碼，就能輕鬆將其整合至應用程式中。
Never drop the illusion: How Frame.io builds fluid user experiences
Vercel Changelog721d agoOpinion本文探討影片協作平台 Frame.io 的前端設計哲學「永不破壞幻覺」（Never drop the illusion）。Frame.io 致力於在網頁端提供媲美原生桌面應用的流暢體驗，透過即時狀態同步、樂觀更新（Optimistic Updates）以及極致的效能優化，讓用戶在操作複雜的影片時間軸與協作功能時，感受不到任何延遲。這是一篇結合設計與前端工程的深度案例分享。
Launching the Artificial Analysis Text to Image Leaderboard & Arena★ 75
Hugging Face Blog726d agoNew ToolHugging Face 宣布與 Artificial Analysis 合作推出「文字生成圖片排行榜與競技場」（Text to Image Leaderboard & Arena）。該平台結合了類似 LMSYS 的人類盲測對決（Arena Elo 評分）以及客觀的效能指標（如生成速度與成本）。這為開發者與創作者提供了一個透明、標準化的基準，用以評估與比較市面上主流的開源與閉源圖像生成模型。
Vercel Ship 2024 recap★ 85
Vercel Changelog739d agoReleaseVercel 舉辦年度 Ship 2024 大會，釋出多項重量級更新。其中 Next.js 15 RC 率先支援 React 19 與全新快取機制；Vercel AI SDK 3.1 大幅簡化了 AI 應用的開發流程，支援強大的 Tool Calling 與 Agents 架構；此外，全新升級的 Vercel Toolbar 與 Web 應用程式防火牆（WAF）也同步亮相，旨在為開發者提供更高效、安全且具備 AI 能力的現代 Web 開發平台。
Introducing new developer tools in the Vercel Toolbar★ 75
Vercel Changelog740d agoReleaseVercel 宣布在其網頁工具列（Vercel Toolbar）中推出一系列全新開發者工具。本次更新重點在於提升開發與除錯效率，新增了即時無障礙（a11y）審查、Interaction to Next Paint (INP) 效能指標監控，並強化了與 Headless CMS 的雙向聯動（Content Source Maps），讓前端開發者與內容團隊能在預覽環境中一鍵直達內容編輯後台。
Latency numbers every frontend developer should know★ 75
Vercel Changelog770d agoTutorial本文整理了前端與網頁開發者必須掌握的關鍵延遲數據。從瀏覽器渲染的 16.6 毫秒黃金法則、人類感知的 100 毫秒即時界線，到 Edge 網路、Serverless 冷啟動以及資料庫跨區查詢的延遲影響。透過理解這些數字，開發者能更精準地定位效能瓶頸，優化 TTFB、INP 等 Core Web Vitals 指標，打造極速的網頁體驗。
Building an interactive 3D event badge with React Three Fiber
Vercel Changelog776d agoTutorialVercel 釋出技術專文，詳細拆解如何利用 React Three Fiber (R3F) 與 Rapier 物理引擎，製作出如真實掛繩般擺動的 3D 互動識別證。文章涵蓋 3D 物理碰撞模擬、動態紋理貼圖（將用戶資料即時渲染至 3D 表面）以及效能優化細節，是前端開發者進階 3D 網頁視覺與互動設計的實用指南。
Design Engineering at Vercel★ 75
Vercel Changelog795d agoOpinionVercel 探討了「設計工程」（Design Engineering）在其產品開發中的核心作用。設計工程師同時具備設計美感與前端開發能力，負責填補 Figma 藍圖與最終產品之間的鴻溝。文章強調「在程式碼中進行設計」的迭代流程，並分享 Vercel 如何透過高度專注於細節、動畫與互動，將「工藝精神」（Craft）融入產品，為用戶帶來流暢且精緻的介面體驗。
Revolutionizing video editing on the web with Next.js and Vercel
Vercel Changelog804d agoOpinionVercel 探討了網頁端影片編輯的技術變革。過去影片剪輯高度依賴桌面端軟體，如今藉由 Next.js、WebAssembly (Wasm) 和 WebGPU，開發者能在瀏覽器中打造流暢的編輯體驗。配合 Vercel 的 Serverless 基礎設施與邊緣網路，更解決了影片渲染與大檔案傳輸的效能瓶頸，開啟 Web 影片處理的新時代。
Unlocking the conversion of Web Screenshots into HTML Code with the WebSight Dataset★ 75
Hugging Face Blog809d agoReleaseHugging Face 宣布推出 WebSight 數據集，專為訓練視覺語言模型（VLM）進行「截圖轉網頁程式碼（Screenshot-to-Code）」而設計。該數據集包含約 200 萬個由合成技術產生的網頁截圖及其對應的乾淨 HTML/CSS 程式碼。透過 WebSight，開發者與研究人員能更有效率地微調多模態模型，加速自動化前端開發與設計稿轉程式碼的技術落地。
SegMoE: Segmind Mixture of Diffusion Experts★ 75
Hugging Face Blog850d agoReleaseSegmind 發表 SegMoE 框架，借鑑 LLM 的混合專家（MoE）架構並將其應用於 Stable Diffusion 等擴散模型。該技術允許開發者將多個專門的 SDXL 專家模型合併為一個，並透過路由機制動態分配生成任務。此方法無需從頭訓練，即可結合不同風格模型的優勢，為影像生成帶來更高的靈活性與效率。
Architecting a live look at reliability: Stripe's viral Black Friday site★ 72
Vercel Changelog868d agoCommentaryStripe 在黑色星期五期間推出的實時交易數據看板，因其精美的 3D 視覺與流暢的實時數據更新在社群爆紅。本文深入解析該網站如何利用 Vercel 的邊緣網路（Edge Network）與 Next.js 架構，在面對全球數百萬次即時請求時，依然保持 100% 的可用性與毫秒級的數據同步，為現代高流量 Web 應用提供了極佳的架構範本。
Run ComfyUI workflows for free with Gradio on Hugging Face Spaces★ 75
Hugging Face Blog870d agoTutorialHugging Face 介紹了如何結合 ComfyUI 與 Gradio，並在 Spaces 上免費運行。使用者只需將 ComfyUI 工作流導出為 API JSON 格式，即可透過 Gradio 建立簡潔的前端介面。這項技術讓創作者能輕鬆分享複雜的 AI 圖像生成工作流，無需讓終端用戶面對複雜的節點圖。
Welcome aMUSEd: Efficient Text-to-Image Generation
Hugging Face Blog880d agoReleaseHugging Face 發表了名為 aMUSEd 的開源文字生成圖片模型，基於 Google 的 MUSE 架構。與主流的擴散模型（Diffusion Models）不同，aMUSEd 採用遮罩圖像建模（MIM）技術，僅需 12 個步驟即可生成圖像。其參數規模僅約 8 億，非常適合在消費級硬體上進行快速推理與微調，並支援圖生圖與局部重繪。
LoRA training scripts of the world, unite!★ 75
Hugging Face Blog882d agoNew ToolHugging Face 於 Diffusers 推出全新的 SDXL LoRA 進階訓練腳本，旨在整合開源社群（如 Kohya）的各種訓練技巧。該腳本支援雙文字編碼器微調、Offset Noise、Min-SNR 權重及多解析度訓練，讓開發者與創作者能以更標準、高效的方式訓練出高品質的 SDXL LoRA 模型。
The user experience of the Frontend Cloud
Vercel Changelog911d agoOpinionVercel 闡述了「前端雲」的核心價值，強調優異的開發者體驗（DX）是打造極致終端用戶體驗（UX）的基石。透過 Git 整合部署、邊緣網路（Edge）以及即時預覽協作，前端雲不僅加速了開發流程，更直接提升了網頁載入效能與團隊協作效率，讓產品迭代更貼近用戶需求。
The power of headless: Ecommerce success with Next.js, Vercel, and Shopify
Vercel Changelog917d agoOpinion本文介紹了「無頭電商（Headless Commerce）」的優勢，說明如何透過 Next.js 與 Vercel 的前端優勢，結合 Shopify 強大的後端電商功能。透過 CommerceUI 等現代化工具，開發者能快速建構出擁有極致載入速度與優異 SEO 表現的電商網站，解決傳統電商平台在客製化與效能上的痛點，進而提升用戶體驗與實際轉化率。
The foundations of the Frontend Cloud
Vercel Changelog924d agoOpinionVercel 探討「前端雲（Frontend Cloud）」的底層架構與核心價值。文章指出，現代前端已超越單純的瀏覽器端渲染，而是結合了「框架定義基礎設施（FDI）」、無縫的「開發者體驗（DX）」以及「全球分佈式邊緣網路」。這三大基石讓開發團隊能擺脫繁雜的運維工作，專注於打造高效能、高安全性的使用者體驗。
SDXL in 4 steps with Latent Consistency LoRAs★ 85
Hugging Face Blog936d agoReleaseHugging Face 與 LCM 團隊合作推出 LCM-LoRA，這是一種通用的低秩自適應（LoRA）蒸餾技術。它能將 SDXL 等擴散模型的推理步數縮減至 4 步，同時保持極佳的影像品質。最重要的是，它能直接套用於現有的任何 SDXL 微調模型與 LoRA，無需重新訓練，為即時圖像生成帶來突破。
Generate music from chord progressions and text prompts with MusicGen-Chord
Replicate Blog937d agoReleaseReplicate 為 Meta 的 MusicGen 模型新增了「和弦制約（chord conditioning）」功能，推出 MusicGen-Chord。使用者現在可以同時輸入文字提示詞與特定的和弦進行（chord progressions），藉此自動生成符合特定音樂風格與和弦結構的背景伴奏軌（backing tracks），大幅提升 AI 音樂創作的控制度。
Generate images in one second on your Mac using a latent consistency model
Replicate Blog951d agoTutorial本文為 Replicate 釋出的技術教學，指導讀者如何在 Apple Silicon (M1/M2) Mac 上本地運行 Latent Consistency Model (LCM)。LCM 透過大幅減少去噪步數（僅需 1-4 步），將原本需要數十秒的 Stable Diffusion 圖片生成時間縮短至一秒以內，非常適合需要即時反饋的創作者與開發者。
Exploring simple optimizations for SDXL★ 75
Hugging Face Blog952d agoTutorial本文介紹了針對 Stable Diffusion XL (SDXL) 的多項實用推論優化技術。透過 Hugging Face 的 Diffusers 函式庫，開發者可以輕鬆啟用 PyTorch 2.0 的 `torch.compile()`、記憶體高效注意力機制（SDPA）、CPU 卸載（CPU Offloading）以及 VAE 分片與平鋪技術。這些方法能在不犧牲影像品質的前提下，顯著縮短生成時間並降低 GPU 顯示記憶體（VRAM）的需求，讓消費級顯示卡也能流暢運行。
Fine-tune MusicGen to generate music in any style
Replicate Blog963d agoNew ToolAI 雲端運行平台 Replicate 宣布支援 Meta MusicGen 音樂生成模型的微調（Fine-tuning）功能。使用者現在可以使用自己的音訊檔案，在 Replicate 上訓練 MusicGen 的 small、medium 和 melody 版本，藉此生成特定風格或旋律的音樂，為音樂創作者與開發者提供高度客製化的音訊生成方案。
Announcing v0: Generative UI★ 85
Vercel Changelog965d agoReleaseVercel 正式發表 AI 輔助 UI 生成工具「v0」。用戶只需輸入自然語言描述，v0 即可自動產生高品質的 React、Tailwind CSS 與 shadcn/ui 程式碼。該工具支援互動式微調與即時預覽，並能一鍵複製程式碼或部署，極大提升了前端開發與原型設計的效率。
Images on the web
Vercel Changelog966d agoTutorialVercel 發布網頁圖像指南，探討如何透過現代格式（如 AVIF、WebP）與響應式圖片技術提升網頁載入速度。文章重點分析了圖片對 Core Web Vitals（如 LCP 與 CLS）的影響，並介紹了 Vercel Image Optimization 如何協助開發者自動化處理圖片縮放與壓縮，從而提供極致的用戶體驗。
Make smooth AI generated videos with AnimateDiff and an interpolator
Replicate Blog972d agoTutorialReplicate 介紹了如何將熱門的 AI 動畫生成工具 AnimateDiff 與 ST-MFNet 幀插值（frame interpolation）技術結合。透過這種方法，使用者可以解決 AI 生成影片常見的抖動與卡頓問題，從文字提示詞直接產出高幀率、流暢且具備真實感的影片，大幅提升 AI 影片的視覺品質。
Optimizing web fonts
Vercel Changelog980d agoTutorial網頁字型常因載入延遲導致「無樣式文字閃爍（FOUT）」或「隱形文字閃爍（FOIT）」，並引發 CLS 影響 SEO。Vercel 詳細解析了其內建的字型優化機制，包含自動下載 Google Fonts 至本地託管、自動計算並產生 fallback 字型的 CSS 屬性（如 size-adjust），讓開發者無需手動調整即可獲得極佳的 Core Web Vitals 分數。
Why Vercel and Next.js are the perfect fit for this global fashion media group
Vercel Changelog985d agoBusiness本案例研究探討了一家全球時尚媒體集團選擇 Vercel 和 Next.js 的背後原因。透過 Next.js 的混合渲染能力（如 ISR）與 Vercel 的全球邊緣網路，該集團成功優化了高流量網站的載入速度（Core Web Vitals），並大幅提升了開發團隊的部署效率與跨部門協作體驗，為全球讀者提供流暢且高品質的時尚內容。