·web-perf

Structured 5-phase web performance audit workflow with Core Web Vitals thresholds and actionable optimization recommendations. Use when auditing website performance, diagnosing slow page loads, optimizing Core Web Vitals scores, or reviewing frontend performance patterns. Covers Webpack, Vite, Next.js, and Nuxt optimization.

19Installs·1Trend·@oimiragieo

Installation

$npx skills add https://github.com/oimiragieo/agent-studio --skill web-perf

How to Install web-perf

Quickly install web-perf AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/oimiragieo/agent-studio --skill web-perf
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: oimiragieo/agent-studio.

SKILL.md

View raw

Structured 5-phase web performance audit workflow. Diagnose performance bottlenecks, measure Core Web Vitals, and produce actionable optimization recommendations.

| Metric | Good | Needs Improvement | Poor | What It Measures |

| LCP | 4.0s | Loading performance | | CLS | 0.25 | Visual stability | | INP | 500ms | Interactivity (replaced FID) |

Structured 5-phase web performance audit workflow with Core Web Vitals thresholds and actionable optimization recommendations. Use when auditing website performance, diagnosing slow page loads, optimizing Core Web Vitals scores, or reviewing frontend performance patterns. Covers Webpack, Vite, Next.js, and Nuxt optimization. Source: oimiragieo/agent-studio.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/oimiragieo/agent-studio --skill web-perf
Category
>_Productivity
Verified
First Seen
2026-03-07
Updated
2026-03-10

Browse more skills from oimiragieo/agent-studio

Quick answers

What is web-perf?

Structured 5-phase web performance audit workflow with Core Web Vitals thresholds and actionable optimization recommendations. Use when auditing website performance, diagnosing slow page loads, optimizing Core Web Vitals scores, or reviewing frontend performance patterns. Covers Webpack, Vite, Next.js, and Nuxt optimization. Source: oimiragieo/agent-studio.

How do I install web-perf?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/oimiragieo/agent-studio --skill web-perf Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/oimiragieo/agent-studio