CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

thinking-orbs

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.

Quality

92%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

88%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

An exemplary single-file skill: dense, concrete, executable guidance with strong verification and pitfall coverage, and no pedagogical padding. The only meaningful improvements are trimming cross-section repetition and splitting the raw power-user API into a reference file.

DimensionReasoningScore

Conciseness

The body is imperative and assumes competence — it never explains what React, canvas, or loading indicators are, and every section carries operational information. It falls short of fully lean because key guidance repeats across sections: "remove the orb when work ends" appears in the Core Contract, Model the Product Lifecycle, Common Pitfalls, and Verification, and pause rules are stated twice.

4 / 5

Actionability

Fully executable throughout: a copy-paste install command, import blocks with exported types, and complete TSX examples for every common case (basic usage, phase mapping, single-announcement accessibility, theme, speed/pause, Next.js client boundary) with concrete values such as size={20}/{64} and the 0.75–1.25 speed range. The raw canvas API example is also runnable.

5 / 5

Workflow Clarity

The body is sequenced from install through state/size selection to usage and ends with an explicit 9-step verification checklist covering phase truthfulness, crispness, theme switching, reduced motion, offscreen/tab visibility, single-announcement accessibility, terminal states, and console cleanliness. Common Pitfalls adds error-recovery guidance keyed to concrete failure modes.

5 / 5

Progressive Disclosure

The skill is a single well-organized file with scannable section headers and no nested or buried references, and no bundle files exist to navigate. It sits just below the top anchor because the power-user raw canvas API and the internal STATE_TO_MODE mapping are inline reference material that a larger bundle would move to a separate file.

4 / 5

Total

18

/

20

Passed

Description

92%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong description that pairs a concrete what with explicit and varied when-to-use triggers, including the replace-a-spinner case. Its only weakness is that a handful of everyday synonyms for loading indicators are absent, so keyword coverage is very good rather than exhaustive.

DimensionReasoningScore

Specificity

The description names a concrete action ("Add accessible animated AI loading and agent-status indicators with the React thinking-orbs library") and comprehensively enumerates the library's concrete behavior surface ("size, theme, speed, pause, reduced-motion, and canvas behavior") in third person with no vague filler. It matches the comprehensive-coverage anchor rather than the minor-gaps anchor below it.

5 / 5

Completeness

It explicitly answers both questions: the first sentence states what the skill does, and the "Use when a chat, copilot, voice, search, generation, or tool-running interface needs..." clause gives concrete trigger phrases. This matches the top anchor exactly and goes beyond the "when could be more specific" level below.

5 / 5

Trigger Term Quality

Strong natural trigger phrasing — "chat, copilot, voice, search, generation, or tool-running interface", "replacing a generic spinner with an AI activity orb", and all six state names users would actually say. A few common synonyms (e.g., loader, typing indicator, skeleton) are missing, placing it just below the comprehensive-synonyms anchor.

4 / 5

Distinctiveness Conflict Risk

The description is anchored to a named library and a distinct niche (semantic AI activity orbs vs. generic spinners), so its triggers ("AI activity orb", the six state names) are unlikely to fire for unrelated skills.

5 / 5

Total

19

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

MengTo/Skills

Path

agent-skills/web-design/thinking-orbs/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.