design-system

供 SEEK Group 使用的可換主題設計系統

SRCL 是實作終端機美學的開源 React 元件與樣式庫，協助你建置 Web 應用程式、桌面應用程式和靜態網站。

Magic Patterns Catalog 是一個開源網站，列出最受歡迎的 React 元件庫，幫助您找到完美的元件。

Kiwi.com 開源 Orbit 設計系統的 React 元件

📚 本指南旨在協助你學習 UI/UX 設計，分為三個級別：初級、中級和專家。內含涵蓋使用者介面與使用者體驗設計各方面的學習資源、指南與工具。

一個旨在解決全球問題的實用社群建構平台

Baklava 是 Trendyol 提供的設計系統，旨在為應用程式使用者創造一致的 UI/UX。

A builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.

關於 Design Tokens 的各類資源清單。

Spectrum 設計語言的標準 CSS 實作。

Stylable - 針對元件設計的 CSS

以公用程式優先的 React Native UI 框架 🚀🧩

Compose UI 缺少的設計系統層

Amplify UI 是一個集合了無障礙、可主題化、高效能的 React（以及更多！）元件庫，可直接連線至雲端。

🎨 Figma 外掛程式，可將設計 Token 匯出為相容 Amazon Style Dictionary 格式的 JSON。

Layer5，對基礎設施有更多期待

SEED 設計系統

Claude Design DESIGN.md 提示詞（依美學系列分類）、混音配方、技能、影片拆解、X 信號與真實社群觀點。

精選的設計資源列表，包含設計範本、圖庫相片、圖示、色彩等豐富內容

Radix 的網站與說明文件。

AI 原生、CLI 優先的 React 元件庫。擁有 160+ 個具備動畫、無障礙支援、可直接用於生產環境的元件，並支援適用於 Cursor、Claude 與 GitHub Copilot 的 MCP 伺服器。採用複製貼上架構——程式碼完全屬於你。

SumUp 的網頁設計系統

一個為求無障礙存取而建構的自動完成元件。

適用於 Claude Code、Codex 與 Cursor 的開源設計方法引擎。具備固定的設計判斷、多種語法、參考編譯、語意色票，以及用於驗證 UI、互動、圖片/影片工作、輪播牆、簡報與文件的 Studio 工作流程。22 個技能 · MIT 授權。

將 Claude 轉變為資深設計架構師 — 包含 DTCG 設計代幣、42 個元件、WCAG 2.2 無障礙標準、跨框架程式碼、138 個設計系統與可執行技能。

CSS 變數建置系統

精選的設計系統書籤、資源與文章列表，專為開發者打造。

🎨 Codex 內建的開源 AI 簡報工作室：原生影像簡報，每一張投影片都是完整的視覺畫布。⚡ 約 4-5 分鐘即可產出 10 張以上高品質投影片 — 快速模式可平行渲染每一頁。🔍 即時觀看完整流程：研究 → 大綱 → 風格 → 渲染 → 編輯 → 簡報 → 匯出 PDF/PPTX。🖥️ 以瀏覽器為優先 · 無需 API 金鑰 · 專案持久保存。

HIUI 是一套適用於前端、中端與後端互動及 UI 設計標準的制定與實作解決方案。

Figmagic 是 DevOps 與設計之間的遺失拼圖：從你的 Figma 文件中產生 design tokens、匯出圖形，並萃取由 design token 驅動的 React 元件。