design-system

一組用於 PatternFly 專案的 React 元件。

知名設計系統、設計語言與指南清單

⚡ 用於新專案的簡單 Once UI 設定。僅包含必要內容，不多不少。

開源的 skill，可學習任何品牌並將其轉化為完整的設計系統。適用於 claude code 和 codex。只需安裝一次，助手建構的每個 UI 都能符合你的品牌。

Flutter 的樣式系統

Component Driven 的靜態網站與內容

💫 Orbit 是一個旨在建構任何類型放射狀 UI 的框架。

用於設計精美、一致的網頁的 Claude Code SKILL —— 先規格，後程式碼。

適用於現代網頁應用程式的科幻風元件與未來主義設計元素集合

0️⃣ 適用於 Vue 的可組合 UI 引擎。透過可重複使用的狀態、邏輯與基礎元件建構複雜介面——無需被綁定在特定元件或樣式中。

Priceline.com 設計系統

55 個適用於 Astro 與 React 的框架獨立 UI 元件。安裝您自有的可存取 Tailwind CSS 元件原始碼，並由共用的框架中立執行環境（Runtime）支援。

顯示由樣式表與圖示檔案產生的設計 Token 文件。在瀏覽器中預覽設計 Token 變更，並使用自訂 Doc Blocks 將設計 Token 加入 Storybook Docs 頁面

🎨 Vibe Design System - 用於 React.js 應用程式開發的 monday.com 官方 UI 資源

來自 Welcome to the jungle (@wttj) 的可自訂設計系統，使用 react、typescript、tailwindcss、ariakit 以及滿滿的愛 💛 在這裡你會找到建立令人愉悅的 webapp 所需的所有核心元件。

Pivotal 的設計系統與元件庫

將您的設計系統編譯成 Agent Plugin。從任意參考中萃取識別資訊，輸出 SKILL.md 與 tokens.css，並對繞過 tokens 的內容進行 lint 檢查。

精確的 Figma 與 React 元件。內含最佳實踐、統一的屬性名稱以及一致的設計與程式碼。

用於在 Angular 中構建無障礙 UI 組件的無頭、可組合原語。

受 shadcn/ui 啟發，為 Blazor 設計的一系列無頭（headless）基礎組件與精美設計元件。

一套用於企業級 Web 應用程式、基於標準的高品質 Web 元件。隸屬於 Vaadin 20+。

Primer 設計系統的 ViewComponents

用於原生 Web 元件的極簡 JS 框架。

AI 原生 Next.js 管理後台模板與 UI 元件，內建預製元素、元件、頁面、高品質設計、整合功能等

偏执型设计顾问：反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill | Opinionated design advisor for Claude Code: anti-generic UI, style fitting room, 58 real-site design systems.

Strapi.io 的設計系統

Open-source AI interfaces built with Claude (Fable 5) including hero sections, GLSL shaders, design systems, animations, 3D components and and landing pages, in React, Tailwind, and Three.js. Plug them into your AI agent and ship faster.

適用於 Unity 6 UI Toolkit 的隨插即用設計系統（UIDocument + PanelRenderer, UXML + USS）：包含 tokens、fx shader 材質支援、42 個組件、120 個圖示、行動裝置響應式設計與深色主題。單一樣式表，零依賴。已在發行的跨平台遊戲中經過實戰驗證。

200 production-grade DESIGN.md design systems for the world's best apps. Framework-neutral plus SwiftUI, Jetpack Compose, and Expo. Hand one to your AI agent, ship pixel-matched UI.

自架版 Lovable/v0 替代方案，包含即時資料庫與儲存空間。