CtrlK
BlogDocsLog inGet started
Tessl Logo

bestax-optimize

Reduce the built CSS size of an app using @allxsmith/bestax-bulma — measure raw and gzip size, then apply the cheapest lever that fits (lighter prebuilt CSS flavor, hand-rolled modular Sass build, import and icon-asset hygiene). Use when the CSS bundle looks too big, a size budget or Lighthouse audit flags stylesheet weight, switching bestax.css to a versions/*.css flavor, or setting up a modular @use Bulma/Sass build.

80

Quality

100%

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

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.

The body is a tightly engineered decision procedure: measure-first with a mandatory re-measure loop, three ranked levers each with exact commands and code, a silent-failure gate for the no-helpers flavor, and correct deferral of bulk mapping data to a real, well-described reference file. Size figures are consistently paired with the caveat to re-measure, mitigating staleness. This is an exemplary skill body with no material weaknesses found.

DimensionReasoningScore

Conciseness

No section explains concepts Claude already knows — every block carries non-obvious, library-specific facts ("~800 KB raw is ~82 KB over the wire", the pnpm "app's Sass can only load what the app lists" constraint, the $primary turquoise-reversion pitfall, "icon fonts often outweigh Bulma itself"). The helper-prop enumeration is a concrete grep checklist, not padding. Anti-drift check against score 4 ("minor instances of over-explanation"): nothing in the body can be trimmed without losing information.

5 / 5

Actionability

Fully executable throughout: exact measure commands (`wc -c dist/assets/*.css`, `gzip -c dist/assets/*.css | wc -c`), a flavor table with copy-paste import strings and per-flavor raw/gzip sizes, install commands, and a complete `src/styles.scss` with exact `@use` lines including the `with ($primary: #1e6b99)` configuration. The no-helpers gate specifies exact prop names and class patterns to grep (`is-*`, `has-*`, `m*-*`, `p*-*`).

5 / 5

Workflow Clarity

Clear cheapest-first decision flow (3 ranked levers), explicit validation loop — "Always measure first", "Re-measure after every step... Never claim a saving without a number" — plus a hard gate ("Any hit → do not use no-helpers; fall back to no-dark-mode or Lever 2") with an error-recovery fallback path and an honest-stop checkpoint ("If the gzip number is already within the app's budget, say so and stop"). Not a destructive/batch operation, so no cap applies.

5 / 5

Progressive Disclosure

The body stays a lean ~130-line overview; the bulky material (full component→partial mapping, extras partial inventory, worked styles.scss) is deferred to `references/modular-build.md`, which exists, is substantive (198 lines), and is clearly one level deep. The reference is well signaled twice with a description of its contents, and version-drift-prone numbers are anchored to the "hence measure" instruction rather than stated as timeless facts.

5 / 5

Total

20

/

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.

The description is dense and fully specified: third-person voice, concrete actions covering all three levers plus the measure-first step, and an explicit "Use when" clause with natural trigger phrases and file paths. It reads as a model trigger description despite its ~70-word length, since every clause is load-bearing.

DimensionReasoningScore

Specificity

Quotes multiple concrete actions — "measure raw and gzip size, then apply the cheapest lever that fits (lighter prebuilt CSS flavor, hand-rolled modular Sass build, import and icon-asset hygiene)" — comprehensively covering the skill's scope. Anti-drift check against score 4 ("minor gaps in coverage"): no action in the body is absent from the description, so 5 fits best.

5 / 5

Completeness

Explicitly answers both questions: the "what" ("Reduce the built CSS size of an app using @allxsmith/bestax-bulma... measure raw and gzip size, then apply the cheapest lever") and a concrete "Use when..." clause listing four distinct trigger scenarios — the exact structure of the anchor-5 example.

5 / 5

Trigger Term Quality

Natural user phrasings — "the CSS bundle looks too big", "a size budget or Lighthouse audit flags stylesheet weight" — plus file-path triggers ("switching bestax.css to a versions/*.css flavor") and technical terms ("modular @use Bulma/Sass build"). This matches anchor 5's requirement for synonyms and file extensions; score 4 ("a few natural terms missing") would understate coverage.

5 / 5

Distinctiveness Conflict Risk

Niche is unambiguous — library-scoped to @allxsmith/bestax-bulma with triggers (bestax.css flavors, versions/*.css, modular @use Bulma/Sass build) that no generic CSS or Bulma skill would claim. Clear niche with distinct triggers; minimal conflict risk.

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.