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
输入应用程序或网站的想法，只需滚动即可查看无尽的设计选项。