CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

find-animation-opportunities

Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use improve-animations or review-animations instead.

Quality

91%

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

86%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.

A tightly written, highly actionable skill body: exact values and recipes throughout, a ruthless four-question validation gate, required rejection reporting, and a well-defined output format. The only weaknesses are minor editorial padding and validation checkpoints distributed across sections rather than inline in the workflow.

DimensionReasoningScore

Conciseness

The body is dense with non-generic, operational content — exact CSS values, duration tables, frequency tiers, grep patterns — and assumes Claude's competence (no explanation of what transitions or easing are). Minor trimmable instances remain: the "Operating Posture" framing paragraph and editorial asides like "This section is what separates this skill from an animation wishlist". Not 5 because a few sentences are motivational rather than instructional.

4 / 5

Actionability

Fully executable throughout: exact recipes ("transform: scale(0.97)" with "transition: transform 160ms ease-out", "clip-path: inset(0 100% 0 0)" hold-to-confirm timings), spring configs ("{ type: \"spring\", duration: 0.5, bounce: 0.2 }", bounce 0.1–0.3), a velocity threshold (~0.11), concrete grep sweeps ("{isOpen &&", "display: none"), and a worked output-format example with two filled-in table rows. Not 4 because the concrete examples cover the common cases end to end, including named tokens and reduced-motion/hover-pointer gating requirements.

5 / 5

Workflow Clarity

Clear four-step sequence (Recon → Sweep → Gate → Report) with an explicit completion criterion ("Done when every seam class has either yielded candidates with file:line evidence or been explicitly cleared") and the four-question Gate as a per-candidate checkpoint whose answers are recorded. Not 5 because the validation checkpoints live in separate sections (the Gate, the output format's token-verification rule) rather than in the workflow steps, and there is no re-check loop; not 3 because the sequence, exit criteria, and gating are all explicit.

4 / 5

Progressive Disclosure

No bundle files exist (references/, scripts/, assets/ are all absent) and none are needed: every section — Hard Rules, The Gate, Where to Hunt, Workflow, Required Output Format — is load-bearing on every invocation, so a single well-sectioned SKILL.md is the appropriate structure. Clear headers make navigation trivial. Not 4 because there is no content that clearly belongs in a separate file and no organization gaps.

5 / 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: concrete third-person actions, explicit trigger phrases for both what and when, and explicit routing to sibling skills for adjacent tasks. The only gap is modest synonym coverage in trigger terms.

DimensionReasoningScore

Specificity

Multiple concrete actions are named in third person: "Search a codebase or UI for places that don't animate but should", "reject everything that shouldn't", "proposes motion with exact values", "it does not implement it" — comprehensive coverage including scope boundaries (read-only, no implementation). Not 4 because coverage includes both the finding and rejecting actions plus explicit non-goals, matching the comprehensive anchor.

5 / 5

Completeness

Explicitly answers both what ("Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't... proposes motion with exact values, it does not implement it") and when ("Use when the user asks 'what could be animated here?' or wants to 'make this feel more alive'") with concrete trigger phrases, plus a when-not clause. Matches the top anchor exactly.

5 / 5

Trigger Term Quality

Natural quoted phrases users would say are present ("what could be animated here?", "make this feel more alive") with good keyword coverage (animate, animation, motion). Not 5 because common synonyms like "add motion", "micro-interactions", or "UI feels flat" are missing; not 3 because the included phrases are genuinely natural user utterances, not technical jargon.

4 / 5

Distinctiveness Conflict Risk

Clear niche (opportunity finding, explicitly read-only and non-implementing) with explicit disambiguation: "For fixing existing animations, use improve-animations or review-animations instead." Minimal conflict risk with closely related sibling skills. Not 4 because the routing away from adjacent skills is explicit rather than merely implied.

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

jscraik/websites

Path

.codex/skills/find-animation-opportunities/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.