thinking-orbs
Installation
SKILL.md
Thinking Orbs
Core Contract
- Use
thinking-orbsin React 18+ interfaces that need indeterminate AI activity feedback. - Map the real product lifecycle to one of the six shipped states.
- Use only the tuned
20or64pixel size. Do not stretch one preset into another. - Keep
theme="auto"unless the surrounding surface has a known fixed theme. - Pair the orb with concise visible status text when the activity matters to the user.
- Override
aria-labelwith a task-specific label, or hide the orb from assistive technology when adjacent live text already announces the same state. - Use
pausedto freeze the current frame. Do not simulate pause withspeed={0}. - Treat the orb as indeterminate feedback, never as a progress percentage or completion signal.
The package renders monochrome dots on a transparent 2D canvas. It does not expose custom colors, arbitrary sizes, or determinate progress.
Install
Inspect the project package manager, then install: