design

快图设计——基於 fabric.js 與 Vue 的開源圖片編輯器，可自訂字體、素材、設計模板。

專用資源用於低階系統設計。學習如何設計與實作大型系統。為系統設計面試做準備。

網頁開發者可學習的實用技能視覺概覽

美國網站設計系統協助聯邦政府打造快速、可存取、行動友善的網站

TalkToFigma：AI 代理（Cursor、Claude Code、Codex）與 Figma 之間的 MCP 整合，允許 Agentic AI 與 Figma 通訊以讀取設計並以程式方式修改

React 的可視化建構器。建構應用、網站與內容。與你的程式碼庫整合

🥷 將你已熟悉的工程習慣轉化為 Claude 可執行的技能

🐼 為經典軟體開發資源提供中文翻譯

使用 AI 端到端生成 App Store 截圖

讓你成為魔術師的 CSS 課程。

AI 生成的應用，完整堆疊 + 生成式 UI

:mountain_bicyclist: Ant Design System 的登陸頁面

Skeleton 是一套由 Tailwind CSS 驅動的自適應設計系統

🔴 為設計與程式碼提供美觀的色彩漸層

Kotlin 中實作的設計模式

:electron: 一個非官方 https://bgm.tv UI 首先的 Android 與 iOS 應用程式，使用 React Native 開發。 一個無廣告、以愛好為驅動、不以盈利為目的、專門做 ACG 的類似豆瓣的追番記錄，bgm.tv 第三方客戶端。為行動裝置重新設計，內置大量強化的網頁端難以實現的功能，且提供相當的自定義選項。目前已適配 iOS / Android。

基於約束式設計原則構建一致、可主題化的 React 應用。

可視化與創意編碼庫

使用 Vala 與 GTK 開發的原生 Linux UI 與 UX 設計應用

TiXL 是一個開源軟體，用於創建即時動態圖形

迅排設計 - 美觀且功能強大的圖片編輯器、線上海報設計、仿稿定設計，適用於多種情境：海報產生、電商商品圖、文章長圖、影片／公眾號封面等。A beautiful online image designer, suitable for various scenarios like generate posters, making design easier!

使用 JSX 設計，搭載您自己的元件庫。

代理的視覺回饋工具。

:cherry_blossom: 一個極簡的 CSS 框架/主題。

在本地端將 Claude Design 作為 Agent Skill 執行 — 支援 Cursor、Claude Code 等。無需 claude.ai/design 即可產生精美的 UI 實體模型、原型、簡報與線框圖，並輸出為獨立的 HTML。搭配 Opus 4.8 效果最佳。

Java 开发及面试（个人面试、工作总结、资料收集站）

Ant Design Pro 在 Vue 中的實作

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

在 Swift 中輕鬆實現美觀的屬性字串（attributed strings）

匯集 Web 應用程式最核心的轉場效果、Agent 技能，以及 Agent 的 Refine 工具