CtrlK
BlogDocsLog inGet started
Tessl Logo

preconnect

Use when auditing slow page loads, heavy assets, or rendering delays related to Use preconnect for critical third-party origins. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.

49

Quality

53%

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/preconnect/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%

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 well-organized, lean overview that correctly defers detail to a real one-level-deep reference (strong progressive disclosure). Its weaknesses are incomplete inline actionability (all executable code deferred to the reference), an implicit rather than explicit validation checkpoint in the check->fix flow, and minor redundancies (a meta 'Explain' section and a duplicated rule title pasted into the Code Review sentence).

Suggestions

Add one complete, copy-paste-ready inline example such as `<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>` plus a `dns-prefetch` alternative, instead of deferring all code to the reference, to raise actionability.

Insert an explicit validation checkpoint into the Check->Fix flow, e.g. 'After changes, re-measure in Lighthouse/DevTools and confirm the connection setup moved earlier in the waterfall and the target metric improved', to raise workflow clarity.

Trim the meta 'Explain' section and remove the duplicated 'Use preconnect for critical third-party origins' phrase pasted into the Code Review sentence to tighten conciseness.

DimensionReasoningScore

Conciseness

The body is lean and avoids explaining concepts Claude already knows (it just lists DNS/TCP/TLS as actions, not definitions), but the meta 'Explain' section ('Explain how preconnect helps reduce the time spent on connection overhead') and the duplicated rule title pasted into the Code Review sentence ('that affect Use preconnect for critical third-party origins') are redundancies that could be tightened. It is above 1 (no padded concept explanations) but below 3 (not every token earns its place).

2 / 3

Actionability

The 'Fix' section gives the concrete tag ('Add `<link rel="preconnect">`') and Quick Reference gives numeric guidance ('limit to 2-4'), but there is no complete, copy-paste-ready inline example with href and crossorigin; all full executable code is deferred to references/rule.md. It is above 1 (gives a real tag and specific limits) but below 3 (incomplete executable detail inline).

2 / 3

Workflow Clarity

A loose sequence is present (Check -> Fix -> Explain -> Code Review), but validation checkpoints are only implicit — the Code Review section mentions describing a measurement method in passing, and full verification lives in the reference file rather than as an explicit step. It is above 1 (steps are listed and ordered) but below 3 (no explicit validate/re-measure checkpoint in the flow).

2 / 3

Progressive Disclosure

The body is a concise overview organized into clear sections and signals one clearly-labeled, one-level-deep reference ('see `references/rule.md`') that genuinely exists and holds the deeper code examples, decision rules, and verification steps. This matches the clear-overview-with-well-signaled-one-level-deep-references anchor, and is above 2 because content is appropriately split rather than inlined.

3 / 3

Total

9

/

12

Passed

Description

50%

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 functional and includes an explicit 'Use when' trigger plus named tools, but it is templated and defective: the rule title 'Use preconnect for critical third-party origins' is pasted mid-sentence, duplicating 'Use' and garbling the 'what'. Combined with generic audit boilerplate, it reads as mediocre and only modestly distinctive from sibling performance skills.

Suggestions

Rewrite the description to fix the duplicated 'Use' and lead with the preconnect-specific action, e.g. 'Audit pages for missing or unnecessary preconnect hints to critical third-party origins. Use when investigating slow page loads, heavy assets, or rendering delays tied to third-party domains.'

Broaden trigger terms to include natural variations users say, such as 'page speed', 'Core Web Vitals', 'connection latency', and 'font/CDN loading', to improve trigger coverage.

Replace the generic 'Verify the actual bottleneck... before recommending changes' boilerplate with preconnect-specific framing so the description is clearly distinct from sibling performance-audit skills.

DimensionReasoningScore

Specificity

Names the domain ('preconnect for critical third-party origins') and a few actions ('auditing', 'Verify the actual bottleneck in DevTools, Lighthouse, or field data', 'recommending changes'), but the actions are not comprehensive and the mid-sentence 'related to Use preconnect...' phrasing muddies the concrete action list. It does not reach 3 because it lacks multiple clearly-listed specific concrete actions, and is above 1 because it does name real actions rather than abstract language.

2 / 3

Completeness

An explicit 'Use when auditing slow page loads...' trigger is present, but the 'what' is garbled by the duplicated, mid-sentence 'Use preconnect for critical third-party origins' phrase, so what the skill does is not clearly answered. It does not reach 3 ('clearly answers both') because the what is unclear, and is above 1 because the when clause is explicit.

2 / 3

Trigger Term Quality

It includes relevant natural performance terms ('slow page loads', 'heavy assets', 'rendering delays', 'DevTools', 'Lighthouse'), but the awkward duplicated 'Use' construction and omission of common variations ('page speed', 'Core Web Vitals', 'connection latency', 'TTFB') keep it from full coverage. It is above 1 because these are genuine user-facing terms, not just jargon.

2 / 3

Distinctiveness Conflict Risk

Only 'preconnect for critical third-party origins' distinguishes it; the surrounding 'auditing slow page loads... Verify the actual bottleneck... before recommending changes' is generic boilerplate shared by many sibling performance skills. It is above 1 (has a niche) but below 3 (would still overlap with lazy-load, render-blocking, or image-optimization audit skills).

2 / 3

Total

8

/

12

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.

Validation15 / 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.