@tank/web-performance

Diagnose slow web applications and identify performance bottlenecks across Core Web Vitals.

1|1|Updated Feb 20, 2026
One-click install
npx skills add https://github.com/tankpkg/packages --skill tank-web-performance
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: @tank/web-performance
Source: https://github.com/tankpkg/packages/tree/main/skills/web-performance
Command: npx skills add https://github.com/tankpkg/packages --skill tank-web-performance

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps diagnose and fix slow web experiences by turning performance symptoms into concrete optimization steps for loading, rendering, interactivity, caching, and media delivery.

Core Features & Use Cases

  • Measure and interpret Core Web Vitals to find the real bottleneck.
  • Choose the right loading strategy for routes, interactions, and below-fold components.
  • Reduce bundle weight, improve runtime responsiveness, and optimize images, caching, and third-party scripts.
  • Use case: a product team can use it to cut LCP, improve INP, shrink JavaScript, and remove layout shift on a modern SPA.

Quick Start

Ask the web performance skill to analyze a slow page, identify the top bottlenecks, and recommend the highest-impact fixes in priority order.

Frequently Asked Questions about @tank/web-performance

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I diagnose slow web app loading and identify what hurts Core Web Vitals?

Diagnose slow web performance by analyzing loading, responsiveness, and visual stability bottlenecks. The skill identifies the top issues hurting LCP, INP, and CLS, then recommends priority optimization steps for modern JavaScript sites and SPAs.

What's the best way to reduce JavaScript bundle size and improve runtime responsiveness in an SPA?

Reduce bundle size and improve runtime responsiveness by applying code splitting for routes and below-fold components. The skill recommends loading strategies that shrink JavaScript weight and optimize main-thread execution for framework-agnostic front ends.

Why does my web page have layout shift, and how can I prevent CLS regression?

Layout shift happens when resources load without reserved space, hurting visual stability. The skill diagnoses CLS causes and provides regression-prevention requirements to stabilize elements, ensuring smooth rendering across modern front ends.

How do I optimize image delivery and manage third-party scripts for better network efficiency?

Optimize image delivery and third-party scripts by evaluating their impact on network efficiency and main-thread execution. The skill identifies bottlenecks in media delivery and scripts, recommending fixes to improve overall loading speed.

Can I use this to fix LCP and INP issues on a framework-agnostic JavaScript site?

Yes, you can fix LCP and INP issues on framework-agnostic JavaScript sites. The skill applies to modern SPAs and front ends, diagnosing bottlenecks in loading, interactivity, and rendering to cut LCP and improve INP.

When should I use resource hints and caching for web performance optimization?

Use resource hints and caching when network efficiency bottlenecks slow down loading. The skill diagnoses when caching strategies and resource hints are needed to satisfy measurement and optimization requirements for LCP and network requests.