CtrlK
BlogDocsLog inGet started
Tessl Logo

bestax-icons

Use icons in an app built with @allxsmith/bestax-bulma — the Icon/IconText components and the five supported libraries (Font Awesome, Material Design Icons, Ionicons, Google Material Icons, Material Symbols). Use when adding an icon, choosing or configuring the app-wide icon library, fixing an icon that renders blank, pairing icons with text, or making icons accessible (decorative vs labeled).

78

Quality

98%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

96%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 dense, high-signal reference skill: every line states a bestax-specific fact or gotcha, quick-start code is executable, and detail is correctly deferred to a real one-level-deep reference file. The single notable defect is a dangling reference to examples/icon-usage.tsx, which is missing from the bundle.

Suggestions

progressive_disclosure: either add the missing examples/icon-usage.tsx file to the bundle or remove the 'runnable example' bullet from the References section — as written, it points users to a file that does not exist.

progressive_disclosure: if the example file is added, keep it aligned with what the References section promises (ConfigProvider setup, sizes, variants, colors, IconText, decorative-vs-labeled patterns) so the pointer stays trustworthy.

conciseness: consider trimming the per-library variant enumerations in the Styling section to just the gotcha-prone distinctions (round vs rounded, brands-required), since the full tables already live in references/icon-libraries.md.

DimensionReasoningScore

Conciseness

Every section carries non-obvious, library-specific facts ("The Ionicons value is 'ion', not 'ionicons'", "Material Icons uses round, Material Symbols uses rounded", "children excludes undefined") with zero padding and no explanation of concepts Claude already knows. The one mild duplication — the variant list in Styling also appears in references/icon-libraries.md — is compressed and highlights distinctions rather than re-explaining, so it does not rise to the 'over-explanation that could be trimmed' of anchor 4.

5 / 5

Actionability

The Quick start is copy-paste ready ("<ConfigProvider iconLibrary=\"fa\">" with the note "Set the library ONCE at the app root"), the library table gives exact `iconLibrary` values and example names, and fixes are stated as exact wrong/right pairs ("passing 'ionicons' ... silently renders nothing"). Concrete examples cover the common cases: sizing, variants, custom children, and decorative-vs-labeled accessibility patterns.

5 / 5

Workflow Clarity

This is a component-usage/lookup skill, and the single core action is unambiguous: set ConfigProvider once at the root, then use Icon/IconText — shown as a working sequence in Quick start. It includes a directed troubleshooting entry point ("When an icon renders blank, the name format for the active library is the first thing to check") plus a pointer to the reference's troubleshooting list, and there are no destructive or batch operations that would require validation checkpoints.

5 / 5

Progressive Disclosure

The overview is appropriately split: per-library setup, full tables, and the troubleshooting list live in references/icon-libraries.md (a real, well-formed, one-level-deep reference), clearly signaled in a References section. However, the second referenced path — "examples/icon-usage.tsx — runnable example" — does not exist in the bundle (no examples/ directory), a broken navigation pointer that keeps this below anchor 5's 'easy navigation'. It fits anchor 4 ('references mostly clear; minor organization gaps') better than anchor 3, since content is not improperly inlined and the existing reference is clearly signaled.

4 / 5

Total

19

/

20

Passed

Description

100%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 model description: concrete what, an explicit and scenario-rich 'Use when' clause, natural trigger phrasing, and strong anchoring to a specific package that minimizes conflict risk. No changes needed.

DimensionReasoningScore

Specificity

It names concrete components ("the Icon/IconText components") and multiple specific actions: "adding an icon, choosing or configuring the app-wide icon library, fixing an icon that renders blank, pairing icons with text, or making icons accessible (decorative vs labeled)" — five-plus concrete actions, comprehensive for this skill. It clearly exceeds anchor 4's 'several specific actions; minor gaps' and matches anchor 5's comprehensive coverage; third-person voice is correct.

5 / 5

Completeness

The 'what' is explicit ("Use icons in an app built with @allxsmith/bestax-bulma — the Icon/IconText components and the five supported libraries") and the 'when' is explicit with concrete trigger phrases ("Use when adding an icon, choosing or configuring the app-wide icon library, fixing an icon that renders blank..."). This directly matches anchor 5's pattern of both what and when with concrete triggers.

5 / 5

Trigger Term Quality

The 'Use when' clause enumerates natural user phrasings — "adding an icon", "icon library", "renders blank", "pairing icons with text", "accessible" — plus all five library names and the package name @allxsmith/bestax-bulma, the primary search keys. Coverage is comprehensive with scenario synonyms (decorative vs labeled, renders blank), matching anchor 5 rather than anchor 4's 'a few natural terms missing'.

5 / 5

Distinctiveness Conflict Risk

It is anchored to a specific package (@allxsmith/bestax-bulma) with niche triggers ('fixing an icon that renders blank', 'app-wide icon library'), so the chance of firing for an unrelated icon/Bulma/general-UI skill is minimal — matching anchor 5's 'clear niche with distinct triggers'.

5 / 5

Total

20

/

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
allxsmith/bestax
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.