GlassKit UI

GlassKit UI 是一个开源的 React 组件库，专为 Meta Ray-Ban Display 智能眼镜的 Web 应用而设计。它提供了 44 个即用型组件，并内置了针对 600x600 像素镜头的 D-pad 焦点引擎，让开发者能够快速构建沉浸式的眼镜端交互界面。

核心功能

GlassKit UI 的核心是一套完整的 UI 组件集合，覆盖了从按钮、列表到复杂表单的常见界面元素。所有组件都针对智能眼镜的有限显示区域和交互方式（如方向键、语音）进行了优化。其 D-pad 焦点引擎确保了用户可以通过物理或虚拟方向键流畅地导航，无需触摸屏。

主要特性

• 44 个高质量组件：包括按钮、卡片、列表、表单、对话框等，可直接用于生产环境。
• D-pad 焦点引擎：专为方向键操作设计，自动管理焦点切换，提升交互效率。
• AI 代理就绪：提供 skill、MCP 服务器和 llms.txt 文件，方便 Claude、Cursor 等 AI 工具直接生成或修改 UI。
• 开源 MIT 许可：完全开源，可自由使用、修改和商用。
• shadcn 风格：采用类似 shadcn/ui 的架构，开发者可直接拥有源码，高度可定制。

适用场景

• 为 Meta Ray-Ban 智能眼镜开发 Web 应用的前端开发者。
• 希望利用 AI 代理（如 Claude、Cursor）快速搭建眼镜端界面的团队。
• 需要构建无障碍、键盘优先的交互式 UI 的项目。

GlassKit UI 让智能眼镜应用的开发变得像普通 Web 开发一样简单，同时为 AI 时代的快速迭代提供了完美支持。