CtrlK
BlogDocsLog inGet started
Tessl Logo

bestax-migrate

Migrate an existing React app to @allxsmith/bestax-bulma on Bulma v1, from raw Bulma CSS classes on plain JSX (className="button is-primary") or from an unmaintained React Bulma library (react-bulma-components v4, rbx v2, bloomer 0.6). Run the bestax-migrate codemod, then resolve every TODO(bestax-migrate) comment it leaves using the per-source mapping references. Use when a React app styles its markup with Bulma classes and wants bestax components instead, when a repo imports react-bulma-components, rbx or bloomer, when TODO(bestax-migrate) comments are present in a codebase, or when asked to convert Bulma classNames to bestax-bulma.

76

Quality

96%

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

93%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, well-structured skill: executable commands, an ordered six-step workflow with checkpoints, and verified one-level-deep references per migration source. The only weaknesses are minor: slight redundancy between the report-rule descriptions in step 3 and the handles-vs-flags section, and an implicit rather than explicit error-recovery loop at the finish step.

DimensionReasoningScore

Conciseness

Almost every sentence carries non-obvious, codemod-specific fact (flags, report rule names, peer-dep ranges, per-source gotchas), but there is minor trimmable over-explanation: the 'held to that library's real export surface by a coverage test' meta-commentary, and the report-rule taxonomy stated both in step 3 and again in 'What the codemod handles vs. flags'. Not score 5 because a few sentences are expository rather than instructive; not 3 because there is no padded explanation of concepts Claude already knows.

4 / 5

Actionability

Copy-paste ready commands cover the common cases: 'pnpm dlx bestax-migrate <source> src/ --dry', the apply step with documented flags (--css bulma|keep, --no-deps), 'grep -rn "TODO(bestax-migrate)" src/', and 'npm install'. The <source> placeholder is made concrete by the source-to-argument table. Not 4 because no guidance is left at the hint level.

5 / 5

Workflow Clarity

Six clearly sequenced steps with real checkpoints: dry-run review (step 1), resolving retained imports before install so a clean install does not fail (step 3), a grep sweep for TODOs (step 4), and finish with 'typecheck/build, and review the rendered app side by side against the pre-migration UI' (step 6), plus re-run safety. Falls short of 5 only because there is no explicit fix-and-retry loop if step 6's typecheck or visual review fails — recovery is implied, not instructed.

4 / 5

Progressive Disclosure

Clear overview with well-signaled one-level-deep references: references/<source>/{component-map,prop-map,unmappables}.md and the shared references/css-migration.md, all verified present on disk, linked from the source table and the workflow steps, with the per-source/per-prop split explained once. Not 4 because navigation is unambiguous and nothing that belongs in a reference file is inlined.

5 / 5

Total

18

/

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 a strong match to the top anchors: concrete third-person actions, named versions and sources, and an explicit multi-case 'Use when' clause. It reads like the reference good examples and has no fluff or over-claims.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions with comprehensive coverage: 'Migrate an existing React app to @allxsmith/bestax-bulma on Bulma v1', 'Run the bestax-migrate codemod, then resolve every TODO(bestax-migrate) comment it leaves using the per-source mapping references', and names all four source targets with versions (react-bulma-components v4, rbx v2, bloomer 0.6, raw Bulma classes).

5 / 5

Completeness

Explicitly answers both what ('Migrate... Run the bestax-migrate codemod, then resolve every TODO(bestax-migrate) comment') and when, with a four-clause 'Use when...' trigger set covering the app-state, repo-import, marker-comment, and user-request cases. This matches the anchor-5 example structure.

5 / 5

Trigger Term Quality

Comprehensive natural-term coverage including synonyms and identifiers users would actually say: 'Bulma classes', 'convert Bulma classNames', 'react-bulma-components, rbx or bloomer', 'a React app styles its markup with Bulma classes', and 'TODO(bestax-migrate) comments are present in a codebase'.

5 / 5

Distinctiveness Conflict Risk

Clear niche (migration to bestax-bulma specifically) with distinct triggers keyed on the three predecessor library names and the TODO(bestax-migrate) marker; minimal overlap risk with generic styling or form skills.

5 / 5

Total

20

/

20

Passed

Validation

87%

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

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 4 deeper-than-1-level

Warning

referenced_paths_exist

Referenced path issues: 6 deeper-than-1-level

Warning

Total

14

/

16

Passed

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.