webperf-snippets

webperf-snippets

JavaScript code snippets for measuring and debugging web performance.

Agent SkillDevOpen source
Type
Agent Skill
Open source
Yes
GitHub Stars
★ 1.5k
Source
skill-github

Overview

WebPerf Snippets is a set of tested JavaScript code snippets for measuring and debugging web performance. These snippets can be run by AI agents or manually in DevTools. They return structured data, enabling AI agents to better interpret performance metrics. By using these snippets, AI agents can execute the same code in terminals, CLI, DevTools extensions, or Agent Skills, returning objects that adhere to a unified contract. Ideal for developers needing to analyze and optimize web performance.

Capabilities

  • ▪Measure core web metrics such as LCP, CLS, INP
  • ▪Analyze TTFB, FCP, script and font loading
  • ▪Debug long tasks, animation frames, and scroll jank
  • ▪Audit images and videos
  • ▪Analyze network bandwidth and connection quality

Use cases

Web performance auditingDebugging slow LCPAnalyzing high TTFB causesChecking image optimization issues

Setup

Requires: API KeyNode 环境
npx skills add nucliweb/webperf-snippets

This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.

FAQ

How do I install these skills?

Install using npx skills add nucliweb/webperf-snippets.

Which agents are supported?

Supports Claude Code, Cursor, OpenCode, Gemini CLI, and others.

Related skills