Vibe-Nothing-UI-Design 是一个零依赖的 UI 组件库，灵感来自 Nothing 的视觉语言，由 ara.so 制作，属于 Design Skills 集合。它提供可直接使用的 HTML/CSS 组件，主要特点包括：单色表面层级（黑、灰、白）、圆点排版（Doto 字体）与图标、仅用于关键状态的单一信号红强调色（#D71921）、通过单个属性切换的深色/浅色主题，且无需构建步骤，纯 HTML、CSS 自定义属性和原生 JavaScript 实现。
用途：该技能适合创建独特、极简的界面，无需框架依赖。可用于仪表盘、管理面板、数据表格、表单、导航等 Web 界面场景。
主要能力：提供按钮、表单输入、卡片、徽章与状态药丸、表格、警告、导航、模态对话框、代码块等核心组件。支持排版系统（标题层级、字体族）、CSS 自定义属性（颜色、间距、圆角）、常见模式（仪表盘布局、带状态的数据表格、带验证状态的表单、加载状态）。设计原则强调信号红仅用于关键错误、破坏性操作、实时/阻塞/需要输入的状态，不用于主要 CTA 或装饰元素；深度与层级使用边框、留白和高度，而非阴影。
使用方式：直接集成，将文件复制到项目中，包括 css/nothing-ui.css、js/nothing-ui.js 和 fonts/open/ 下的字体目录（doto、geist、geist-mono、newsreader）。在 HTML 中链接 CSS 和 JS，并在祖先元素上设置 data-theme 属性控制主题（dark 或 light）。可通过 JavaScript 切换主题，例如 document.body.dataset.theme = document.body.dataset.theme === 'dark' ? 'light' : 'dark';。组件通过类名使用，如 btn btn-primary、form-input、card、badge、table、alert、nav-sidebar、modal 等。
适用场景：适合需要极简、单色、高对比度视觉风格的 Web 界面，尤其是仪表盘、部署状态面板、代理管理、数据表格展示等。可集成到静态站点生成器或原生 JS 应用中。
限制：资料中未提供关于收费、价格、平台兼容性、效果或性能的具体信息。字体加载需确保 fonts/open/ 目录相对于 CSS 正确放置，否则需更新 @font-face 路径。主题切换需确保 data-theme 位于所有组件的祖先元素上。信号红应谨慎使用，避免过度使用。
附加资源：实时演示 https://wangbh030722.github.io/vibe-nothing-ui-design/，组件参考 https://wangbh030722.github.io/vibe-nothing-ui-design/index.html，SPEC.md 提供生成契约和令牌参考，DESIGN.md 提供设计理由和原则。