webperf — webperf AI agent skill webperf, webperf-snippets, community, webperf AI agent skill, ide skills, webperf for Claude Code, Claude Code, Cursor, Windsurf

v1.1.0

关于此技能

⚡️ 💾 Web Performance Snippets

# 核心主题

nucliweb nucliweb
[1.4k]
[81]
更新于: 3/27/2026

Killer-Skills Review

Decision support comes first. Repository text comes second.

Reference-Only Page Review Score: 1/11

This page remains useful for operators, but Killer-Skills treats it as reference material instead of a primary organic landing page.

Review Score
1/11
Quality Score
42
Canonical Locale
en
Detected Body Locale
en

⚡️ 💾 Web Performance Snippets

核心价值

⚡️ 💾 Web Performance Snippets

适用 Agent 类型

Suitable for operator workflows that need explicit guardrails before installation and execution.

赋予的主要能力 · webperf

! 使用限制与门槛

Why this page is reference-only

  • - Current locale does not satisfy the locale-governance contract.
  • - The page lacks a strong recommendation layer.
  • - The page lacks concrete use-case guidance.
  • - The page lacks explicit limitations or caution signals.
  • - The underlying skill quality score is below the review floor.

Source Boundary

The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.

实验室 Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

常见问题与安装步骤

以下问题与步骤与页面结构化数据保持一致,便于搜索引擎理解页面内容。

? FAQ

webperf 是什么?

⚡️ 💾 Web Performance Snippets

如何安装 webperf?

运行命令:npx killer-skills add nucliweb/webperf-snippets。支持 Cursor、Windsurf、VS Code、Claude Code 等 19+ IDE/Agent。

webperf 支持哪些 IDE 或 Agent?

该技能兼容 Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer。可使用 Killer-Skills CLI 一条命令通用安装。

安装步骤

  1. 1. 打开终端

    在你的项目目录中打开终端或命令行。

  2. 2. 执行安装命令

    运行:npx killer-skills add nucliweb/webperf-snippets。CLI 会自动识别 IDE 或 AI Agent 并完成配置。

  3. 3. 开始使用技能

    webperf 已启用,可立即在当前项目中调用。

! 参考页模式

此页面仍可作为安装与查阅参考,但 Killer-Skills 不再把它视为主要可索引落地页。请优先阅读上方评审结论,再决定是否继续查看上游仓库说明。

Imported Repository Instructions

The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.

Supporting Evidence

webperf

安装 webperf,这是一款面向AI agent workflows and automation的 AI Agent Skill。支持 Claude Code、Cursor、Windsurf,一键安装。

SKILL.md
Readonly
Imported Repository Instructions
The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.
Supporting Evidence

WebPerf Snippets Toolkit

A collection of 47 JavaScript snippets for measuring and debugging web performance in Chrome DevTools. Each snippet runs in the browser console and outputs structured, color-coded results.

Quick Reference

SkillSnippetsTrigger phrases
webperf-core-web-vitals7"debug LCP", "slow LCP", "CLS", "layout shifts", "INP", "interaction latency", "responsiveness"
webperf-loading28"TTFB", "slow server", "FCP", "render blocking", "font loading", "script loading", "resource hints", "service worker"
webperf-interaction8"jank", "scroll performance", "long tasks", "animation frames", "INP debug"
webperf-media3"image audit", "lazy loading", "image optimization", "video audit"
webperf-resources1"network quality", "bandwidth", "connection type", "save-data"

Workflow

  1. Identify the relevant skill based on the user's question (see Quick Reference above)
  2. Load the skill's skill.md to see available snippets and thresholds
  3. Execute with Chrome DevTools MCP:
    • mcp__chrome-devtools__navigate_page → navigate to target URL
    • mcp__chrome-devtools__evaluate_script → run the snippet
    • mcp__chrome-devtools__get_console_message → read results
  4. Interpret results using the thresholds defined in the skill
  5. Provide actionable recommendations based on findings

相关技能

寻找 webperf 的替代方案 (Alternative) 或可搭配使用的同类 community Skill?探索以下相关开源技能。

查看全部

openclaw-release-maintainer

Logo of openclaw
openclaw

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

333.8k
0
AI

widget-generator

Logo of f
f

为prompts.chat的信息反馈系统生成可定制的插件小部件

149.6k
0
AI

flags

Logo of vercel
vercel

React 框架

138.4k
0
浏览器

pr-review

Logo of pytorch
pytorch

Python中具有强大GPU加速的张量和动态神经网络

98.6k
0
开发者工具