Design
收集設計工具與 UI 參考的資料庫。
21st.dev
面向更快交付智慧代理產品的 AI 代理註冊表和 UI 元件市集。
Agentation
將 UI 標註轉換為 AI 編碼代理結構化脈絡的視覺回饋工具。
Open Design
Anthropic Claude Design 的本地優先開源替代方案。它具有內建技能和設計系統，並與 CLI 代理一起生成圖像、視訊和幻燈片。
getdesign.md
從熱門網站瀏覽設計系統靈感。將一個放入您的專案中，讓人工智慧代理建立匹配的 UI。
Motion
60fps 是來自世界上最好的 iOS 和 Web 應用程式的 UI/UX 動畫和互動設計細節的精選集合。
Lazyweb MCP
為人工智慧代理奠定基礎的設計環境。基於來自 25,000 多家公司的 257,000 多個真實應用程式螢幕。对个人和代理商免费
AB Tests
用於學習哪些變化會影響產品行為的 A/B 測試案例圖庫。
Pencil
一款以畫布為基礎的設計工具，可在 IDE 中將產品想法轉化為程式碼。
Inspiration
微互動、復活節彩蛋和微小設計細節的檔案，將生命、個性和趣味帶回網路。
Onlook
Onlook 是新一代視覺化程式碼編輯器，可讓設計師和產品經理利用 AI 打造 Web 體驗。
Breakdowns
一個分解圖庫，分解了 Wise、Tesla、Pinterest 和 Apple Wallet 等真實產品的 UI，並解釋了應應用的設計原則和意圖。
Claude Design
加速設計批判、使用者體驗寫作、可訪問性審核、研究綜合和開發移交。
UI components
面向可重用介面元件和 UI 決策的實用手冊。
Agentic UI
世界上第一個用於建立可擴展代理體驗的企業級設計系統。
Montage Design System
Wanted 的品牌、排版、組件和 UI 模式的產品設計系統。
Vercel Design
Vercel的設計團隊介紹頁面。它發布了品牌指南、Web 介面指南和 Geist 設計系統。
The Component Gallery
介面元件和設計系統的最新儲存庫，旨在為建立使用者介面的人員提供參考。
Awesome Design Systems
很棒的設計系統清單。您可以在清單中檢查每個系統的組件、音訊/音調、設計套件和原始碼是否存在。
Design Systems Repo
一個有組織且經常更新的設計系統範例、資源、工具、文章和影片集合。
Adele
數十個設計系統和模式庫已為您徹底分析。學習、享受、貢獻！
UI Design Dictionary
一個輕量級的 UI 模式和氛圍編碼術語雙語字典，專為快速查找而設計。
Design Systems Report
管理階層的支持度正在下降，招募也停滯不前。與此同時，人工智慧正在改變潮流。收集自全球設計系統從業者的2026年趨勢報告。
OpenAI Developers
將 GPT-5.4 轉向完善的、可投入生產的前端設計的實用技術。
Anthropic Engineering
Anthropic 是一家人工智慧安全和研究公司，致力於建立可靠、可解釋和可操縱的人工智慧系統。
AIUX
由 ChatGPT、Claude、GitHub Copilot、Midjourney 和 50 多個已發布的 AI 產品記錄的 36 種 AI UX...
Impeccable
1 項技能、20 個命令和精心策劃的反模式，可實現完美的前端設計。適用於 Cursor、Claude Code、Gemini CLI 和 Codex CLI。
Taste Skill
品味技能為您的人工智慧代理提供「感覺」。一組開源技能文件，阻止 AI 大量生產平庸的前端。
addyosmani/agent-skills
AI 編碼代理的生產級工程技能。
plugin87/ux-ui-agent-skills
一系列技能使克勞德成為高級設計建築師。
sleekdotdesign/agent-skills
透過在 GitHub 上建立帳戶來為 smoothdotdesign/agent-skills 開發做出貢獻。
VoltAgent/voltagent
從流行網站捕獲設計系統的 DESIGN.md 檔案集合。將一個項目放入您的專案中，讓編碼代理程式建立匹配的 UI。
anthropics/skills
代理技能的公共儲存庫。透過在 GitHub 上建立帳戶來為人類/技能發展做出貢獻。
assistant-ui
用於 AI 聊天 UI 的 TypeScript/React 函式庫
HeroUI
美觀且可自訂的組件集。持續維護並保持最新。
Skiper UI
Next.js 專案的一個奇特的新元件。透過 shadcn CLI 3.0 輕鬆安裝，該集合正在快速擴展，並且易於編輯和使用。
React Bits
高品質、動畫、互動式和可自訂的 React 元件的開源集合。
bazza/ui
漂亮、現代的 React 元件的集合。開源。打開代碼。免費使用。
Unified UI
使用 50 多個可存取、可自訂的 React 元件更快地交付漂亮的介面。使用 TypeScript、Tailwind CSS 構建，專為現代 Next.js 應用程式而設計。
lukilabs/beautiful-mermaid
一個 Mermaid 樣式庫，可用兩種顏色輸入將代理生成的圖表轉換為精緻主題。
Excalidraw MCP
一個可串流傳輸的 Excalidraw MCP 伺服器，可讓 AI 代理直接繪製手繪風格圖表。
Pretendard
適用於韓語和多語言產品介面的跨平台 system-ui 替代字體。
Wanted Design Library
開放式設計庫，包含版式、網格、圖示、調色盤和適應性元件，可實現一致的產品工作流程。
Open Foundry
一個十多年來一直致力於開發開源字體的網站。引入出色的字體，慶祝其創造者並鼓勵探索。
Dembrandt
在幾秒鐘內將網站設計系統（徽標、顏色、版面、邊框等）提取為令牌。可以用一條指令執行
Pixel Perfect UI
一個由 GSAP 提供動畫支援的 React 元件庫。一個開源套件，可讓您快速組裝高度裝飾性的 UI，例如液體玻璃按鈕和圖標瀑布。
userinterface.wiki
更好的介面的生活手冊。學習設計原理、動作、排版等
Pacome Pertant
居住在巴黎的動作和聲音設計師 Pacôme Pertin 的作品集。透過在 2D/3D 螢幕上操縱節奏、聲音和視覺敘事來創造感動情感的內容。乾淨且具實驗性
Tweakpane
用於微調參數和觀察值變化的緊湊窗格
Flue
由 TypeScript 製作的代理利用框架。建立 Claude Code 級自治代理程式。這個想法是“代理=模型+線束”。
Contra Labs
人類資料評估實驗室，超過 150 萬名創作者評估創意 AI 的品質。提供風格/基調/品味的基準。
Refero Styles
來自著名服務的設計風格庫，以 DESIGN.md 格式為 AI 代理程式規劃。您可以搜尋顏色、拼字錯誤、邊距和組件。
DEEO Artifacts
為好奇的人們提供的互動/運動實驗的集合。有一些小物品可以觸摸和玩耍。
Rebrand Gallery
一個精心策劃的品牌重塑和視覺識別畫廊。您可以觀看設計系統的揭幕和品牌重塑揭幕影片。
Hannah Hearth
在「展示與講述」中，Hannah Hearth 介紹了 Vercel 產品設計團隊實際使用的工具。隆重介紹 Codex、Claude、Conductor、Paper、UI...
MSCHF
工作室的創意實踐和主體性旨在擁有與全球公司、名人和媒體競爭的文化力量。
Roam
用於查看精心設計的物件的無限畫布。
Transitions.dev
收集 Web 應用程式標準轉換的網站。您可以複製並貼上 CSS 和 React 程式碼。由雅庫布·安塔利克 (Jakub Antalik) 經營。
EvilCharts
使用 shadcn 和 Recharts 建立的開源圖表 UI 庫。採用精心手工製作的組件。
Linear
設計的本質不是輸出，而是理解問題並決定應該存在什麼。
openai/realtime-voice-component
React/瀏覽器的語音操作UI元件。基於OpenAI Realtime，它提供了UI控制，可以透過語音呼叫應用程式定義的狹窄工具。
Refto
該網站將精選的網站靈感、登陸頁面範例、產品組合、SaaS 和互動設計模式匯集在一個可搜尋的圖庫中。
Devouring Details
為對互動有興趣的設計師提供的互動參考手冊。
Loading UI
免費開源 CSS/React 載入器、旋轉器和動畫的集合。為現代網路應用程式創建優雅且易於存取的載入狀態。
CTA Gallery
為設計師提供的號召性用語 (CTA) 靈感圖庫。
web-kits/audio
用於網路的聲明性音訊合成庫。聲音可以定義為普通物件並透過單一函數呼叫來播放。
browser-use/video-use
一項開源技能，可在 Claude Code 上自動進行影片編輯。從材料生成編輯後的 Final.mp4。
UNCUT
專門研究現代字體的免費字體目錄。目前列出了 163 種字體。
cathrynlavery/diagram-design
Claude Code 的 13 個編輯品質圖表範本。它是獨立的，只有 HTML 和 SVG，並且沒有陰影或美人魚的味道。
HyperFrames
HyperFrames 是一個使用 AI 代理程式編寫 HTML/CSS/JS 並組裝影片的工具。
pablodelucca/pixel-agents
像素辦公室。為 pablodelucca/pixel-agents 的開發做出貢獻。
Curated Supply
精心設計的產品的策展網站。精選優質科技、內裝和生活方式產品，經過精心挑選，注重形式、功能和低調的奢華。
Selected Site
為創作者和建構者精心挑選的工具、資源和靈感集合。
Wiretext
一種空間設計工具，其中所有內容都呈現為 Unicode 行字元。建立線框圖、圖表和模型並以文字形式共用。
Fontshare
Indian Type Foundry (ITF) 提供的免費字體服務。每個人都可以使用高品質的字體。
autoskills
偵測您的技術堆疊並透過 Skills.sh 自動安裝最佳的 AI 代理技能。支援 React、Next.js、Vue、Astro、Tailwind 和 20 多種技術。
Colors & Fonts
一種工具，可讓您從一種基色產生完整的色階或根據顏色理論建立五色調色板。支援即時對比度檢查、HSL 編輯以及匯出到 Tailwind v4、CSS、SCSS 和...
mesh3d
一個精心策劃的畫廊，介紹精心挑選的 3D 和互動網站。
Mesurer
測量並對齊本機主機上的所有內容。
Anna E. Cook
當團隊使用人工智慧工具產生高保真原型時，焦點轉移到輸出而不是目的。原型設計應該是在建造之前測試想法並了解實際可行的方法。
dominikmartn/nothing-design-skill
使用 Nothing 設計語言產生 UI 的 Claude Code 技能。單色、印刷、工業。
Boneyard
自動產生骨架載入框架
CSS Studio
瀏覽器中的視覺化 CSS 編輯器。使用滑桿和選擇器調整樣式，您的 AI 代理程式會將變更寫入來源。
Liveline
React 的即時動畫折線圖。
AI Designer
人工智慧 UI/UX 設計師。使用最先進的 AI 模型在幾秒鐘內產生美觀、可編輯的 UI 設計。
Font Of Web
您每天都會收到現實世界的設計靈感。發現、儲存並分享網路上最美麗的設計。
Brand Archive
使用品牌檔案增強您的品牌研究。探索過去和現在的數百個品牌的標誌、藝術指導和字體。
Godly
精心挑選了 1,000 多個網路上最好的 AI、Web3、作品集和其他傑出網站。
Notch
講述我如何打造近乎完美的 Macbook Notch 網路版的故事。
Shopify Design
打造新常態。
Lessons of Design
設計師對他為什麼要這樣設計以及在設計過程中學到了什麼的思考。
Onigiri
Moontype 是一家位於漢堡和斯德哥爾摩的字體鑄造廠，由 Pia Schröer 和 Julia Flomm 經營。
Cosmos
一個管理你的宇宙的家
companies.sh
發現並安裝人工智慧代理公司。
little-hands/claude-drawio-skill
透過 Claude Code 創建、閱讀和編輯 draw.io 圖表的技能。支援架構圖、ER圖等8種類型。
Pretext
用於多行文字測量和佈局的純 JavaScript/TypeScript 程式庫。
SearchSystem
為設計師收集參考資料和工具的策展網站。包含廣泛的範例，包括版式、標誌和標牌。
Textura
藉口 x 瑜珈 = 紋理。適用於 Web 的無 DOM 版面配置引擎
fab ui
使用 Base UI 和 Tailwind CSS 建立的 React/Next.js 元件庫。
Logo System
擁有 1000 多個徽標設計的靈感庫。
Stronger Design Principles
寫下原則最困難的部分之一是確保它們有足夠的固執己見以提供幫助。這是你能否寫出更好的設計原則的問題。
Detail
對人工智慧時代使產品感覺與眾不同的微小設計決策的精心策劃的研究。對於相信小事可以產生大影響力的設計師和工程師來說。
UI Skills
一組用於完善代理構建的介面的技能。
Skills.sh
發現並安裝 AI 代理的技能。
Interface Craft
為那些致力於以非凡的謹慎進行設計的人們提供的工作庫。
ui.sh
一個針對 Claude Code、Cursor 和 Codex 等編碼助手的工具包，可協助您建立出色的 UI。
Cursouls
將您的 Cursor AI 代理變成住在舒適的咖啡館裡的微小像素角色，在您工作時做出反應、提供幫助並陪伴您。
DesEngs
精選的設計工程資源集合。
Dictar
Dictar 是一款裝置上的語音轉文字應用程式。它由 Whisper 和 Parakeet AI 模型提供支持，支援 99...
Emil Kowalski
基於 Emil Kowalski 個人網站上撰寫的文章的技能文件。
Rams
對人工智慧產生的程式碼進行自動設計審查。捕捉 React、Vue、Svelte 等中的可訪問性問題和視覺錯誤。
Refero
最大的 Web 和 iOS UI/UX 參考和設計靈感集合。透過進階搜尋功能探索數以萬計的螢幕截圖
Variant
輸入應用程式或網站的想法，只需滾動即可查看無盡的設計選項。