CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

perf-astro

Astro-specific performance optimizations for 95+ Lighthouse scores. Covers critical CSS inlining, compression, font loading, and LCP optimization. Use when optimizing Astro site performance, improving Astro Lighthouse scores, or configuring astro-critters. Do NOT use for non-Astro sites (use perf-web-optimization or core-web-vitals) or running Lighthouse audits (use perf-lighthouse).

Quality

90%

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

82%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 actionable, lean playbook: every section is executable and copy-paste ready, with a clear install-configure-measure flow. Weaknesses are minor — small redundancies between description, intro line, and checklist, and no guidance on diagnosing scores that fall short of the 95 target.

Suggestions

Add a short feedback loop after the Measuring section: what to check first when a Lighthouse category scores below 95 (e.g., failed LCP → verify preload/fetchpriority, render-blocking CSS → verify critters output).

Remove the redundant intro sentence under the h1 (it repeats the frontmatter description verbatim) and trim the closing checklist to items not already explicitly instructed in the body.

If the skill grows beyond this size, move the full Layout.astro pattern into references/layout-pattern.astro and keep a short summary inline.

DimensionReasoningScore

Conciseness

The body is code-first and lean — install commands, config, layout pattern, measure — with almost no explanation of concepts Claude already knows. Not 5, because the line under the h1 ("Astro-specific optimizations for 95+ Lighthouse scores.") repeats the frontmatter description verbatim, and the closing checklist restates content already covered in the body.

4 / 5

Actionability

"npm install astro-critters @playform/compress", the complete astro.config.mjs, the compress() options block, the full Layout.astro pattern, and "npx lighthouse ... --preset=perf --form-factor=mobile" are all copy-paste ready and cover the common cases. Nothing is pseudocode or hand-wavy.

5 / 5

Workflow Clarity

There is a coherent implicit sequence (install → configure integrations → apply layout pattern → measure with lighthouse), with the Measuring section and end checklist serving as verification. Not 5, because there is no feedback loop for what to check or fix when a score falls short of 95, and not 3 because the sequence and verification command are clearly laid out.

4 / 5

Progressive Disclosure

Sections are well-organized (Quick Setup, Integrations, Layout Pattern, Measuring, Checklist) with content appropriately placed for a single-file skill of this size; the cross-links to perf-lighthouse and perf-web-optimization are clearly signaled. Not 5, because no bundle structure exists and the ~55-line Layout.astro block is a candidate for a references file if the skill grows, keeping this at good-structure rather than exemplary.

4 / 5

Total

17

/

20

Passed

Description

92%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: specific capabilities, explicit use-when triggers, and explicit negative boundary guidance naming the sibling skills it could be confused with. Only minor gap is the absence of a few common trigger synonyms like page speed or Core Web Vitals.

DimensionReasoningScore

Specificity

"Covers critical CSS inlining, compression, font loading, and LCP optimization" lists multiple concrete actions that comprehensively cover the Astro performance domain, matching the anchor-5 example. Not 4, because there are no meaningful gaps in coverage within the skill's stated scope.

5 / 5

Completeness

Explicitly answers what ("critical CSS inlining, compression, font loading, and LCP optimization") and when ("Use when optimizing Astro site performance, improving Astro Lighthouse scores, or configuring astro-critters") with concrete trigger phrases. Not 4, because the when-clause is already explicit and specific, not merely present.

5 / 5

Trigger Term Quality

"optimizing Astro site performance, improving Astro Lighthouse scores, or configuring astro-critters" are natural user phrases with good coverage. Not 5, because common synonyms users would say — "page speed", "site speed", "Core Web Vitals" — are absent.

4 / 5

Distinctiveness Conflict Risk

"Do NOT use for non-Astro sites (use perf-web-optimization or core-web-vitals) or running Lighthouse audits (use perf-lighthouse)" carves out a clear niche with explicit conflict-avoidance pointers to named sibling skills. Minimal overlap risk.

5 / 5

Total

19

/

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

tech-leads-club/agent-skills

Path

packages/skills-catalog/skills/(performance)/perf-astro/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.