# Alex 介紹 Agentic UI Showcase，集中展示介面案例並提供 templates 與 Agentic Design System

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 原作者：Alex (@alexgilev) · 策展與摘要：EasyVibeCoding · 平台：X (Twitter) · 熱度：🔥 · 日期：2026-08-12

> 原始來源：https://x.com/alexgilev/status/2086801779358875912

## 證據與延伸閱讀

- [Alex 介紹 Agentic UI Showcase，集中展示介面案例並提供 templates 與 Agentic Design System](https://x.com/alexgilev/status/2086801779358875912)
- [定位為介面作品集合，未說明下載細節](https://agenticui.net/showcase) — 官方文件
- [影片顯示頁面以 UI 縮圖組成並支援互動](https://video.twimg.com/amplify_video/2086801004587012096/vid/avc1/3088x2160/br66cngBKSVNm_p5.mp4?tag=29)
- [主打集中式 showcase 與 templates 入口](https://x.com/AgenticUi/status/2086802585466401123)

## 中文摘要

Alex 介紹 Agentic UI Showcase，集中展示介面案例並提供 templates 與 Agentic Design System。

**展示內容** 「Agentic UI Showcase」的定位是介面作品集合，讀者可前往 [Agentic UI Showcase](https://agenticui.net/showcase) 查看案例。@AgenticUi 隨後表示，可在 [Agentic Design System](https://agenticui.net/) 取得這些 templates 與設計系統；原文未進一步說明下載方式、授權條款或技術實作細節。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/ad82c15e7b903061.jpg)
> 在淺灰色網格背景的正中央，疊印著淡化的幾何圓形與矩形底紋，其下方置中排列著黑色襯線字體的「Agentic」字樣。

**影片觀察** 輔助影片顯示，agentui.net 頁面以大量 UI 設計與應用程式介面縮圖組成展示牆，支援點擊放大、縮小，以及淺色與深色模式切換。畫面中可見多種介面案例，包括：

- 聯絡人管理清單（Contacts）
- 資料表單（Loan Scenario）
- 登入畫面
- 深色模式下的操作介面

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1786471534278-yrfz67pq.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/dca13476373ded19.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> agentui.net 網頁展示介面與其包含的多個 UI 畫面平鋪與切換效果

影片底部可見「AGENTUI」與「2024」字樣；這些是畫面觀察結果，不能據此推定為正式版本、發布年份或產品規格。整體來看，這次更新主打以集中式 showcase 呈現 Agentic UI 的設計範例，並將案例與可重用的 templates、設計系統放在同一個入口。

## 標籤

Agent, 新產品, Agentic UI Showcase