CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

pick-ui-library

Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly invoked; it does not trigger on its own.

Quality

90%

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

The canonical home for this skill is pick-ui-library in emilkowalski/skills

SKILL.md
Quality
Evals
Security

Quality

Content

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

Excellent lookup-table skill: every token earns its place, mappings are concrete with explicit decision boundaries, the workflow is unambiguous with edge-case handling, and the single-file structure is the right shape for the task. No weaknesses found.

DimensionReasoningScore

Conciseness

The body is a lean task→library lookup: tables plus short decision rules, with zero explanation of concepts Claude already knows (it never explains what a toast or virtualization is). Every line either constrains behavior ("don't substitute alternatives outside this list", "don't churn the dependency without being asked") or adds a mapping; nothing is trimmable, matching anchor 5.

5 / 5

Actionability

The guidance is fully concrete for an instruction-only skill: named libraries with links for every task, an explicit package.json check, "recommend one library... install/wire it up", and boundary rules like "if data points arrive live and the chart scrolls with time, use Liveline. Everything else is recharts." The specific mappings cover the common cases, matching anchor 5 under the code-vs-instruction note.

5 / 5

Workflow Clarity

The four-step "How to use this" sequence (identify the task → check what's installed → recommend one → explicitly say when the list doesn't cover it) is unambiguous and handles both edge cases (existing competitor dependency, uncovered task). This is a single-purpose non-destructive skill, so the missing-validation cap does not apply and the simple-skill exception holds — anchor 5.

5 / 5

Progressive Disclosure

No bundle files exist, and none are needed: the skill is a self-contained ~72-line lookup table where splitting the table out would hurt lookup speed. Sections are cleanly organized (UI primitives, motion, charts, interaction, state/styling, mismatches), navigation is trivial via headers, and there are no nested references — matching anchor 5's 'content appropriately split, easy navigation'.

5 / 5

Total

20

/

20

Passed

Description

75%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, and rich with natural trigger terms for a curated library-selection skill. Its main gap is that the "when" clause explains invocation mechanics (explicit invocation only) rather than the task conditions that call for the skill.

Suggestions

Add an explicit use-when clause naming task conditions, e.g. "Use when choosing or installing a library for a frontend task" — this would lift completeness to anchor 5.

Include the missing natural trigger terms from the body's list (animation, dialogs/menus, dark mode, className building) to broaden trigger-term coverage to anchor 5.

DimensionReasoningScore

Specificity

"Pick the right library for a given frontend task from a curated, opinionated list" names a concrete action and domain, and the enumerated categories ("numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling") give specific coverage. It stops short of anchor 5 because the trailing "and more" hedges coverage and it names task categories rather than multiple distinct actions.

4 / 5

Completeness

The "what" is clear (pick the right library from a curated list for a frontend task), and "Only runs when explicitly invoked; it does not trigger on its own" is explicit trigger guidance, so the missing-'Use when' cap at 3 does not apply. It fits anchor 4 rather than 5 because the invocation-mechanics sentence describes when it runs, not the task conditions under which it should be used.

4 / 5

Trigger Term Quality

Terms like "OTP inputs", "command menus", "virtualization", "drag and drop", and "toasts" are exactly what users say when they need this skill. A few natural terms are missing (animation, dialogs/dropdowns, dark mode/theme switching), keeping it at anchor 4 rather than 5.

4 / 5

Distinctiveness Conflict Risk

The niche (choosing among a curated set of frontend libraries) is clear and distinctive terms like OTP inputs and command menus carry minimal conflict risk. Broad words like "charts", "state", and "styling" create minor overlap with related skills (e.g., charting or styling skills), so it sits at anchor 4 rather than 5.

4 / 5

Total

16

/

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/pick-ui-library/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.