design-system

使用 React 實作的 GitHub Primer 設計系統

A React components library with Win95 UI

📱美觀、快速且現代的 React Native UI 函式庫。

Awesome Claude Design：68 個即用設計系統靈感，採用 DESIGN.md 格式。直接插入，快速生成完整 UI

學習如何設計大規模系統，為系統設計面試做準備。

.NET 10, Angular 22, Clean Architecture, Clean Code, SOLID, KISS, DRY, Mediator Pattern, Folder-by-Feature Structure

基於 Arco Design 的 Vue.js 3 UI Library

Carbon Design System 的 Svelte 實現

Vuesion 是一個基樣板專案，透過跨工程與設計的現代最佳實踐，賦能產品團隊更快地進行開發。它包含全棧框架、完整的設計系統、強大的測試與無縫的國際化支援。

適用於 Cloudscape Design System 的 React 元件

為 Claude Design、Google Stitch、Codex、Cursor 等 agentic 工具準備的 67 個精選 DESIGN.md 與 SKILL.md 設計技能檔案清單

Franken UI 是一個以 HTML 優先的 UI 元件庫，基於 UIkit 3 構建並使用 LitElement 擴充，靈感來自 shadcn/ui。

以極快的速度建構 Material Design 介面……讓開發者毫無壓力…… 🍺💛

Argon - 由 Creative Tim 推出的 Bootstrap 4 設計系統

設計師技能集：用於設計的代理技能、指令與外掛程式——從研究到系統、UI、互動與交付。

🚀 最簡單、免費且開源的 Tailwind CSS 元件庫，具備語意化類別。

Storybook 教學的靜態網站與內容

An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.

Reshaped 提供無障礙的 React 與 Figma 元件，用於建構精美產品或建立您自己的設計系統

🍭 Lobe UI - 用於建構 AIGC 網頁應用的開源 UI 元件庫

這是設計 Token 網站與規範的官方 DTCG 儲存庫。

Untitled UI React 是全球最大的開源 React 元件集合，使用 Tailwind CSS 與 React Aria 建構。只需複製、貼上即可建構。

用 AI 打造更好的 UI

使用 SolidJS 構建無障礙網頁應用與設計系統的 UI 工具包。

基於 styled-components 與 React JS 建構給開發者的設計系統。

一套設計精美、無障礙的元件與程式碼分發平台。支援 Go 與 templ。開源。開放程式碼。

將參考 UI（圖片、截圖、網址）轉換為量化的 Design DNA JSON（包含 Token、定性樣式、視覺效果），然後根據您的內容產生相應的 UI。

一個美觀且具備良好無障礙支援的色彩系統。

專為新創公司打造的 React 元件庫，使用 Chakra UI 構建。

基於 Tailwind CSS 建立的開源 React UI 函式庫。提供生產就緒的元件、區塊與範本，助你更快建構現代化且無障礙的網頁應用程式。