CtrlK
BlogDocsLog inGet started
Tessl Logo

cross-browser-testing

Use when reviewing CI coverage, automated checks, or test strategy related to Test across all major browsers. Focus on whether the rule is continuously verified, not just documented.

52

Quality

58%

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

Fix and improve this skill with Tessl

tessl review fix ./skills/cross-browser-testing/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

53%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 tidy overview that follows the right shape — short body, real details in references/rule.md — but the body itself is more motivational than operational: it explains why browser testing matters and gives vague Check/Fix directives while all executable content lives one hop away. Cutting the padding and making the Check/Code Review steps concrete would make this a strong skill page.

Suggestions

Delete the intro paragraph and the 'Explain' section — Claude already knows why cross-browser testing matters — and spend those tokens on what to actually inspect in CI workflows.

Make the Check/Code Review sections concrete: what files to look for (.github/workflows, Playwright config projects matrix), and what counts as a verified rule (test fails when a browser-specific regression lands).

Turn the reference pointer into a labeled link per topic (e.g., '**CI workflow example**: see references/rule.md') and drop the Quick Reference bullets that duplicate rule.md's checklist.

DimensionReasoningScore

Conciseness

The body is short overall, but it spends tokens on things Claude already knows: the opening paragraph explains why cross-browser testing matters ("each with unique rendering engines... broken layouts, missing features"), and an entire 'Explain' section directs Claude to justify the importance of browser testing. This fits anchor 3 ('mostly efficient but includes some unnecessary explanation') — not 2, since the Quick Reference bullets and Code Review section do carry real instruction, and not 4, because two sections are pure padding that could be cut.

3 / 5

Actionability

The Quick Reference bullets give some concrete guidance ("Test on Chrome, Firefox, Safari, and Edge at minimum", "Use automated tools like Playwright or BrowserStack", "Check CSS features with caniuse.com"), but the Check/Fix sections are abstract ("Verify that this website works correctly", "Fix browser-specific issues") and no executable commands or code live in the body — they are all deferred to references/rule.md. This matches anchor 3 ('some concrete guidance but incomplete; missing key details') rather than 4, where the body itself would carry mostly executable instruction.

3 / 5

Workflow Clarity

The Check → Fix → Explain → Code Review sections provide a recognizable phase order, but there are no validation checkpoints or feedback loops (e.g., 'run the CI workflow and confirm it fails on an unsupported browser'), matching anchor 3 ('steps listed but validation gaps; checkpoints missing or implicit'). It does not reach 4 because nothing tells Claude how to verify a finding before flagging it, and it stays above 2 because the Code Review section does state a clear, specific output ('Flag exact gaps where the rule is not automatically verified or where failures do not block regressions').

3 / 5

Progressive Disclosure

The body is a concise overview and correctly pushes implementation detail to one real, one-level-deep bundle file ("see `references/rule.md`", which exists and contains the promised code examples, CI workflow, and tool guidance). It is not 5 because the pointer sits alone after a horizontal rule as plain text rather than a labeled link, and the inlined Quick Reference partially duplicates the reference file's checklist content instead of navigating to it — matching 'good structure; references mostly clear; minor organization gaps'.

4 / 5

Total

13

/

20

Passed

Description

62%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 serviceable but thin description: the trigger clause is explicit and the niche is reasonably distinct, but it reads almost entirely as a 'when' with a one-line focus directive instead of stating what the skill concretely does, and it omits the natural vocabulary users would actually say. Adding 1-2 concrete actions and the phrases 'cross-browser testing' and 'browser compatibility' would lift it substantially.

Suggestions

State 2-3 concrete capabilities up front (e.g., 'Audits CI workflows and Playwright/BrowserStack configs for cross-browser test coverage; flags rules that are documented but not automatically verified').

Add natural trigger synonyms users actually say: 'cross-browser testing', 'browser compatibility', and specific browser names (Chrome, Firefox, Safari, Edge).

Separate the 'what' from the 'when' so the description reads as actions followed by an explicit 'Use when...' clause, rather than one merged trigger sentence.

DimensionReasoningScore

Specificity

The description names the domain ("Test across all major browsers") and one concrete reviewing action ("reviewing CI coverage, automated checks, or test strategy"), which matches the '1-2 concrete actions, but not comprehensive' anchor. It does not reach 4 because it never lists the skill's actual capabilities (e.g., audit CI workflows, flag unverified rules, check Playwright/BrowserStack configs); it stays above 2 because the actions go beyond a bare domain mention.

3 / 5

Completeness

Both parts are present: an explicit 'when' ("Use when reviewing CI coverage, automated checks, or test strategy...") and a 'what' ("reviewing... Focus on whether the rule is continuously verified, not just documented"). It is not 5 because the 'what' is thin and folded into the trigger clause rather than stating the skill's concrete outputs, and not 3 because the 'Use when' trigger is explicit rather than weakly implied.

4 / 5

Trigger Term Quality

Relevant keywords are present ("CI coverage", "automated checks", "test strategy", "browsers") but common natural variations are missing: users would say "cross-browser testing", "browser compatibility", "works in Safari/Chrome/Firefox", or name Playwright/BrowserStack, none of which appear. This fits anchor 3 ('some relevant keywords but missing common variations or synonyms') better than 4, since several high-frequency trigger phrases are absent.

3 / 5

Distinctiveness Conflict Risk

The scope ("CI coverage, automated checks, or test strategy related to Test across all major browsers") carves a fairly distinct niche with a clear browser qualifier, matching 'mostly distinct; minor overlap risk'. It falls short of 5 because the generic terms 'CI coverage' and 'test strategy' could still pull in general CI-testing or lint-rule review skills before the browser qualifier applies.

4 / 5

Total

14

/

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

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository
thedaviddias/Front-End-Checklist
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.