CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

i18n-vue-template

Internationalize Vue component templates by replacing all hardcoded strings with $t() calls and adding translations to i18n.ts or en_US.js. Use when asked to internationalize, i18n, or translate strings in Vue templates.

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

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.

An exemplary short-form skill: dense with project-specific, executable guidance and free of filler, with a clear four-phase workflow ending in verification. The only gap is a missing retry/fix loop if the Phase 4 grep still finds hardcoded strings.

Suggestions

In Phase 4, add a recovery step: if remaining strings are found, return to Phase 3 for those cases and re-run the grep until the count is 0.

Consider clarifying that user-facing HTML attribute values (placeholder, title, aria-label) should also be internationalized, since the blanket 'do not internationalize HTML attributes' exclusion may skip genuinely translatable strings.

DimensionReasoningScore

Conciseness

Lean and efficient across ~60 lines: every phase adds non-obvious, project-specific detail (en_US.js vs i18n.ts location rules, camelCase key naming, computed-vs-data rewrite) with no explanation of concepts Claude already knows. Not below 5 because nothing here is padded or inferable — even the exclusions list ('CSS class names, HTML attributes, test IDs...') prevents wasted work.

5 / 5

Actionability

Fully executable guidance: a copy-paste verification grep, concrete before/after code for the data()-to-computed rewrite, exact transformation patterns ('<p>Text</p>' → "<p>{{ $t('namespace.key') }}</p>"), and key-naming examples ('Search for a step' → searchForStep). Not a 4: no pseudocode or missing key details — the common cases (template text, bare interpolation, data() strings) are all covered with runnable specifics.

5 / 5

Workflow Clarity

Four clearly sequenced phases with an explicit validation checkpoint (Phase 4: count remaining strings 'must be 0', run verification grep, report from-X-to-0). Not a 5 because there is no error-recovery feedback loop — no instruction for what to do if the grep still finds strings after Phase 3; not a 3 because validation is explicitly present and sequenced, satisfying the batch-operation cap guideline.

4 / 5

Progressive Disclosure

A short single-file skill with well-organized section headers (Audit, Add Translation Keys, Replace, Verify) and no bundle files (references/, scripts/, assets/ are absent) and no need for external references. Per the rubric's simple-skill guidance, well-organized sections alone earn the top score; nothing is inlined that belongs in a separate file.

5 / 5

Total

19

/

20

Passed

Description

87%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: third-person, concise, and concrete, with explicit what-and-when structure that closely mirrors the rubric's good examples. The only room for improvement is broader trigger coverage (localize/translation/.vue) and slightly fuller action enumeration.

Suggestions

Add trigger synonyms such as 'localize', 'translations', or '.vue files' to broaden natural-match coverage.

Optionally mention the audit/verification action (finding hardcoded strings in both template and script) to round out the action list.

DimensionReasoningScore

Specificity

Names two concrete actions — 'replacing all hardcoded strings with $t() calls and adding translations to i18n.ts or en_US.js' — at file- and API-level specificity (names $t(), i18n.ts, en_US.js). Not a 5 because coverage is limited to those two actions (no mention of auditing data()/script strings or verification), and not a 3 because the actions are far more concrete than anchor 3's generic example ('Processes PDF files and extracts content').

4 / 5

Completeness

Explicitly answers both: what — 'Internationalize Vue component templates by replacing all hardcoded strings with $t() calls and adding translations to i18n.ts or en_US.js' — and when — 'Use when asked to internationalize, i18n, or translate strings in Vue templates', with concrete trigger phrases. This matches the anchor-5 good example structure exactly; a 4 would require the 'when' clause to be less explicit than it is here.

5 / 5

Trigger Term Quality

Includes natural trigger phrases users would say: 'asked to internationalize, i18n, or translate strings in Vue templates'. Not a 5 because common variations like 'localize', 'translations', or the '.vue' file extension are missing; not a 3 because it goes beyond a single keyword with multiple natural synonyms scoped to the Vue domain.

4 / 5

Distinctiveness Conflict Risk

Clear niche (Vue component templates, $t() calls, i18n.ts/en_US.js) with triggers scoped to 'in Vue templates', giving minimal conflict risk with generic translation or text-manipulation skills. Not a 4: unlike 'Works with PDF and Word document files', there is no adjacent overlapping format or sibling skill the triggers would ambiguously match.

5 / 5

Total

18

/

20

Passed

Validation

93%

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

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

allowed_tools_field

'allowed-tools' contains unusual tool name(s)

Warning

Total

15

/

16

Passed

Repository

rundeck/rundeck

Path

.claude/skills/i18n-vue-template/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.