← All skills

Thinking orbs

Add accessible animated AI loading and agent-status indicators with the React thinking-orbs library.

Product surfacesMeng ToMIT

Install

npx degit MengTo/Skills/agent-skills/web-design/thinking-orbs .claude/skills/thinking-orbs

Run it in your project root, then ask your agent for what you want. More detail

What it does

Add accessible animated AI loading and agent-status indicators with the React thinking-orbs library. Use when a chat, copilot, voice, search, generation, or tool-running interface needs a semantic working, searching, solving, listening, composing, or shaping state; when replacing a generic spinner with an AI activity orb; or when implementing the library's size, theme, speed, pause, reduced-motion, and canvas behavior.

Straight from the skill's own SKILL.md. This is what your agent reads.