design-system

知名设计系统、设计语言与指南清单

⚡ 用于新项目的简单 Once UI 设置。仅包含必要内容，不多不少。

开源的 skill，可学习任何品牌并将其转化为完整的设计系统。适用于 claude code 和 codex。只需安装一次，助手构建的每个 UI 都能匹配你的品牌。

Flutter 的样式系统

Component Driven 的静态网站与内容

💫 Orbit 是一个旨在构建任何类型放射状 UI 的框架。

用于设计精美、一致的网页的 Claude Code SKILL —— 先规格，后代码。

适用于现代 Web 应用程序的科幻风组件与未来主义设计元素集合

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 替代方案，包含实时数据库与存储空间。

针对 Claude AI 辅助开发的全面 UI/UX 与后端组件设计技能。