frontend-performance-budgets SKILL.md skillB
frontend-performance-budgets from annatchijova/skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add annatchijova/skills/frontend-performance-budgets@git:20260922.d250213Pins git:20260922.d250213 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- B, 16 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- annatchijova/skills
- Path
frontend-performance-budgets/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260922.d250213, committed Sep 22, 2026
- Size
- 6,963 bytes
- Repository stars
- 9
- License
- a license file GitHub does not identify
Set and enforce explicit performance budgets before writing frontend code, not measure after the fact — outcome metrics (LCP/INP/CLS) and the causal resource budgets that actually produce them (JS shipped, image weight, font loading, third-party scripts, critical request count, hydration cost). Use whenever adding a dependency, image, route, or client component, or when a page "feels slow" and the cause isn't obvious. Trigger on "bundle size", "Core Web Vitals", "hydration…
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Frontend Performance Budgets An outcome metric (LCP, INP, CLS) tells you the page is slow. It does not tell you what to change — that requires tracing the outcome to the causal resource that produced it. This skill keeps the two separate on purpose: **outcome metrics** are what the user experiences and what you measure in the field; **causal budgets** are what you constrain at build/review time because they are the actual levers. Composes with the library: - **resource-exhaustion-review** — covers cost blow-up from *untrusted input* size (server-side); this skill covers cost from *your own* shipped resources (client-side), a different axis of the same discipline - **frontend-component-boundaries** — client/server component boundary decisions in RSC frameworks directly gate hydration cost, one of the causal budgets below - **non-overwhelming-ux** — perceived speed and jank contribute to cognitive load; this skill supplies the mechanism, that skill the user-facing rationale --- ## Outcome metrics (empirical evidence: field data, from web.dev / CrUX) Source: [web.dev, Core Web Vitals](https://web.dev/articles/vitals). …
Read the whole file at its exact version.
How to install
mdr add annatchijova/skills/frontend-performance-budgets@sha256:bf30dcc0a2c5f3fdThe line at the top of this page pins the label git:20260922.d250213, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_f3fqt3soj52w3ezg)
1 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Sep 22, 2026.
Audit of the latest version
- fail: No script tag (matched: <script)
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (6963 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.
Source
annatchijova/skills · 9 stars · license a license file GitHub does not identify · pushed 2026-11-02 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_f3fqt3soj52w3ezg GET https://markdownregistry.com/api/v1/resolve?ref=annatchijova/skills/frontend-performance-budgets GET https://markdownregistry.com/api/v1/blob/bf30dcc0a2c5f3fd923c11650560d6643747b2a4af6b8d1a656c5954e495b859
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.