frontend-performance SKILL.md skillA

frontend-performance from ssheleg/sheleg-dev is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add ssheleg/sheleg-dev/frontend-performance@git:20261020.6a7c3e1

Pins git:20261020.6a7c3e1 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
ssheleg/sheleg-dev
Path
plugins/sheleg-dev/skills/frontend-performance/SKILL.md
Versions recorded
7
Latest version
git:20261020.6a7c3e1, committed Oct 20, 2026
First version recorded
Aug 11, 2026
Size
14,575 bytes
Repository stars
4
License
MIT

Use when building or auditing web pages for speed: Core Web Vitals (LCP, INP, CLS), Lighthouse and PageSpeed scores, render-blocking resources, bundle size, fonts and caching. Not for visual design (sheleg-design) or conversion work. Opt out: no wiring, без обвязки. Triggers - "PageSpeed", "Lighthouse", "Core Web Vitals", "bundle size", "performance budget", "ускорить сайт", "медленно грузится", "вес бандла".

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

Optimize frontend applications for maximum Lighthouse scores and real-user performance. This skill covers the technical performance layer -- for how it looks, see `sheleg-design`; for what the interface must do, see `super-ux`.

## Audit Workflow

1. **Measure** -- Run PageSpeed Insights or Lighthouse (Chromium) and load the same scenario in WebKit first (see *Test browser* below). Record scores, failing audits and the engine of each number.
2. **Diagnose** -- Map each failing audit to a specific code-level cause (see checklist below).
3. **Prioritize** -- Fix by impact: P0 blocks rendering, P1 hurts metrics, P2 is informational.
4. **Implement** -- Apply fixes per the reference guides.
5. **Validate** -- `next build` (or framework equivalent) + re-run Lighthouse and the WebKit run. Verify no regressions in either engine.

## Test browser — WebKit (Safari) first

Load and profile the page in **WebKit first**: Safari through `safaridriver`
(WebDriver; `sudo safaridriver --enable` once) for a real browser, Playwright's
`webkit` (the `webkit` project, `--browser webkit`, installed with
`npx playwright install webkit`) for scripted runs and traces, Safari Web
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add ssheleg/sheleg-dev/frontend-performance@sha256:2092fefd26d1ea1d

The line at the top of this page pins the label git:20261020.6a7c3e1, 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.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_c72budlujqp6ssid.svg)](https://markdownregistry.com/a/art_c72budlujqp6ssid)

1 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 7 versions of this file, between Aug 11, 2026 and Oct 20, 2026, about one every 12 days.

versioncommittedcommitsizeaudit
git:20261020.6a7c3e1 latest2026-10-20 6a7c3e1 14,575 BA view · diff
git:20261016.66283872026-10-16 6628387 14,870 BA view · diff
git:20260914.ca2da3a2026-09-14 ca2da3a 13,349 BA view · diff
git:20260909.ebab4a12026-09-09 ebab4a1 12,781 BA view · diff
git:20260906.e7d6e892026-09-06 e7d6e89 10,087 BA view · diff
git:20260816.1aad9a02026-08-16 1aad9a0 10,074 BA view · diff
git:20260811.e3d62102026-08-11 e3d6210 8,967 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (14575 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
  • pass: No script tag

Source

GitHub

ssheleg/sheleg-dev · 4 stars · license MIT · pushed 2026-10-20 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_c72budlujqp6ssid
GET https://markdownregistry.com/api/v1/resolve?ref=ssheleg/sheleg-dev/frontend-performance
GET https://markdownregistry.com/api/v1/blob/2092fefd26d1ea1daeb4d632d01aa1aaaa3c1df47a91239ac63ce3fa8a91b5e8

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.

More from ssheleg/sheleg-dev

ad-tracking SKILL.md skill
ssheleg/sheleg-dev · plugins/sheleg-dev/skills/ad-tracking/SKILL.md · Use when wiring or auditing ad pixels and conversion tracking on the web: GA4, Google Ads, Meta Pixel and CAPI…
git:20261020.6a7c3e1 · audit F · 4 stars
crypto-payments SKILL.md skill
ssheleg/sheleg-dev · plugins/sheleg-dev/skills/crypto-payments/SKILL.md · Use when adding or auditing crypto checkout, crypto top-up or payment webhooks: invoice states, signed callbacks…
git:20261020.6a7c3e1 · audit A · 4 stars
error-tracking SKILL.md skill
ssheleg/sheleg-dev · plugins/sheleg-dev/skills/error-tracking/SKILL.md · Use when wiring error tracking into a service: the Sentry SDK, where a DSN may live, scrubbing secrets out of events…
git:20261020.6a7c3e1 · audit A · 4 stars
google-auth SKILL.md skill
ssheleg/sheleg-dev · plugins/sheleg-dev/skills/google-auth/SKILL.md · Use when a Node.js or Python server authenticates to Google: OAuth 2.0 flows, server-side ID token verification…
git:20261020.6a7c3e1 · audit A · 4 stars
google-signin SKILL.md skill
ssheleg/sheleg-dev · plugins/sheleg-dev/skills/google-signin/SKILL.md · Use when implementing or debugging Google sign-in on a website: the GIS button or One Tap, server-side ID token checks…
git:20261020.6a7c3e1 · audit A · 4 stars
stripe-billing SKILL.md skill
ssheleg/sheleg-dev · plugins/sheleg-dev/skills/stripe-billing/SKILL.md · Use when connecting a product to Stripe, fixing a payment bug ("баг в оплате") or auditing a live integration…
git:20261020.6a7c3e1 · audit A · 4 stars

Every file in ssheleg/sheleg-dev

Other files named frontend-performance

frontend-performance SKILL.md skill
nahid-sparktales/agent-dispatcher · skills/frontend/frontend-performance/SKILL.md · Make a page measurably faster — pick the metric that is actually bad, measure it under stated conditions, find the real…
git:20260919.a0d4f55 · audit A · 59 stars
frontend-performance SKILL.md skill
peterbamuhigire/chwezi-dev-engine · skills/frontend-ux/frontend-performance/SKILL.md · Use when defining, implementing, or auditing frontend performance for web apps and SaaS frontends; produces a per-flow…
git:20260924.29cdc2b · audit A · 28 stars
frontend-performance SKILL.md skill
martinolivero/saas-builder · skills/frontend-performance/SKILL.md · This skill should be used when a frontend feels slow, fails Core Web Vitals, has a large bundle, or needs performance…
git:20260606.1d02dd6 · audit A · 4 stars
frontend-performance SKILL.md skill
shelra/shelracode · docs/examples/extensions/skills/frontend-performance/SKILL.md · Diagnose UI freezes, slow rendering and layout thrashing in a frontend by measuring first. Use when the interface lags…
git:20261007.28cd67f · audit A · 3 stars
frontend-performance SKILL.md skill
aniruddhadas1/oniroute_swarmagents · skills/official/frontend/frontend-performance/SKILL.md · Manage loading, rendering, interaction, and resource budgets. Use when planning or reviewing frontend performance; do…
git:20260804.bc7d3a4 · audit A · 2 stars

Browse by kind, by grade A, or by owner.