Jakubantalik/thinking-orbs

它解决了什么问题

Thinking-orbs 提供了一组轻量级、标准化的加载动画，专为 AI 和基于代理的用户界面设计。它解决了创建一致、高性能视觉反馈的问题，这些反馈可以传达 AI 代理当前正在做什么（例如，搜索、解决或聆听），而无需依赖重型图形库。

它是如何工作的

该库使用纯 2D 画布来渲染九种不同的、手工调校的动画。它会自动检测应用程序的颜色主题，以确保圆点与您的 UI 匹配，并且内置了性能优化，例如当元素在屏幕外或浏览器标签页隐藏时暂停动画。它被设计为可直接用于 Web 项目，并针对聊天头像和内联文本尺寸提供了特定的预设。

适用人群

该项目面向构建 AI 驱动的 Web 应用程序的开发人员，他们需要一种精美、可访问且高性能的方式来向用户显示代理正在活动或处理信息。

亮点

• 九种不同的动画状态，代表不同的代理操作。
• 两种针对用途调整的尺寸（64px 和 20px），可调整圆点数量和速度以获得最佳清晰度。
• 自动主题检测，与项目的浅色或深色模式同步。
• 内置可访问性功能，包括自动支持减少动态效果设置和屏幕阅读器。
• 使用 2D 画布进行高性能渲染，确保在所有主流浏览器中兼容，而无需 WebGL 或滤镜的开销。