Jakubantalik/thinking-orbs

해결하는 문제

Thinking-orbs는 AI 및 에이전트 기반 사용자 인터페이스를 위해 특별히 설계된 가볍고 표준화된 로딩 애니메이션 세트를 제공합니다. 무거운 그래픽 라이브러리에 의존하지 않고 AI 에이전트가 현재 수행 중인 작업(예: 검색, 해결, 듣기)을 전달하는 일관되고 고성능의 시각적 피드백을 만드는 문제를 해결합니다.

작동 방식

이 라이브러리는 일반 2D 캔버스를 사용하여 9개의 서로 다른 수작업으로 조정된 애니메이션을 렌더링합니다. 응용 프로그램의 색상 테마를 자동으로 감지하여 점이 UI와 일치하도록 하고, 요소가 화면 밖에 있거나 브라우저 탭이 숨겨져 있을 때 애니메이션을 일시 중지하는 것과 같은 내장 성능 최적화를 포함합니다. 웹 프로젝트에 "드롭인"으로 사용할 수 있도록 설계되었으며, 채팅 아바타 및 인라인 텍스트 크기 모두에 대한 특정 사전 설정이 있습니다.

대상 사용자

이 프로젝트는 AI 기반 웹 응용 프로그램을 구축하는 개발자를 위한 것으로, 에이전트가 활성 상태이거나 정보를 처리 중임을 사용자에게 보여주는 세련되고 접근 가능하며 성능이 뛰어난 방법이 필요한 사람들을 대상으로 합니다.

주요 기능

• 다양한 에이전트 작업을 나타내는 9개의 고유한 애니메이션 상태.
• 최적의 선명도를 위해 점 수와 속도를 조정하는 두 가지 목적에 맞는 크기(64px 및 20px).
• 프로젝트의 라이트 또는 다크 모드와 동기화되는 자동 테마 감지.
• 축소 모션 설정 및 화면 판독기에 대한 자동 지원을 포함한 내장 접근성 기능.
• 2D 캔버스를 사용한 고성능 렌더링으로 WebGL 또는 필터의 오버헤드 없이 모든 주요 브라우저에서 호환성을 보장합니다.