web-perf

Sterne2

Forks0

Aktualisiert27. April 2026 um 11:00

Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index), identifies render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps. Use when asked to audit, profile, debug, or optimize page load performance, Lighthouse scores, or site speed. Biases towards retrieval from current documentation over pre-trained knowledge.

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

Esquetta

Esquetta/CodexPluginDoctor

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

WebentwicklerInformatik- und Mathematikberufe·SOC 15-1254

SKILL.md

readonly

name

web-perf

description

Fixture content.

Mehr aus diesem Repository

gleiches Repository

hello

Esquetta/CodexPluginDoctor

Use when testing missing support asset references.

2026-04-292

hello

Esquetta/CodexPluginDoctor

Use when testing valid support asset references.

2026-04-292

gsap

Esquetta/CodexPluginDoctor

GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.

2026-04-272

hyperframes

Esquetta/CodexPluginDoctor

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill.

2026-04-272

canva-branded-presentation

Esquetta/CodexPluginDoctor

Create on-brand Canva presentations from a brief, outline, existing Canva doc, or design link. Use when the user wants a branded slide deck, wants to turn notes into a presentation, or needs a presentation generated in Canva with the right brand kit and a clear slide plan.

2026-04-272

neon-postgres-egress-optimizer

Esquetta/CodexPluginDoctor

Diagnose and fix excessive Postgres egress in a codebase. Use when a user mentions high database bills, unexpected data transfer costs, network transfer charges, egress spikes, query overfetching, SELECT * optimization, or wants to reduce data sent from their database to their application.

2026-04-272

Jeden Skill mit einem Klick ausführen