skills.rest
RebelliousSmile
RebelliousSmileCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-optimize

Audit web application performance and generate a ranked optimization roadmap.

1|Updated Mar 3, 2026
Search Tags:#web development#optimization#audit#web performance#performance audit
One-click install
npx skills add https://github.com/RebelliousSmile/my-claude-marketplace --skill web-optimize
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-optimize
Source: https://github.com/RebelliousSmile/my-claude-marketplace/tree/main/plugins/overcode/skills/web-optimize
Command: npx skills add https://github.com/RebelliousSmile/my-claude-marketplace --skill web-optimize

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires requests, beautifulsoup4, lxml, aidd_docs, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the performance audit of web applications, providing a ranked roadmap for optimization based on a stack-aware checklist.

Core Features & Use Cases

  • Performance Audit: Audits web application performance against a checklist that includes LCP, CLS, INP, TBT, TTFB, bundle size, and more.
  • Stack Detection: Automatically detects the stack and loads stack-specific pivots from installed sc-* plugins.
  • Roadmap Generation: Produces a ranked roadmap for optimization.
  • Use Case: Use this Skill when you need to identify performance bottlenecks in your web application and optimize them for better user experience.

Quick Start

Run the web-optimize skill on your web project with the command: /web-optimize

Frequently Asked Questions about web-optimize

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

FAQPage Schema
How do I automate a web performance audit for Core Web Vitals like LCP, CLS, and INP?▼

You can automate a web performance audit using Python with requests and beautifulsoup4 to parse page content. The audit evaluates LCP, CLS, INP, TBT, TTFB, and bundle size to generate a ranked optimization roadmap.

What is the best way to identify performance bottlenecks and generate an optimization roadmap?▼

The best way to identify bottlenecks is executing an automated performance audit that evaluates loading metrics and bundle size. It produces a ranked roadmap detailing specific optimization actions for your web stack.

Do I need Python and specific libraries to run a web performance audit?▼

Yes, you need Python installed along with specific dependencies including requests, beautifulsoup4, and lxml. These libraries parse and analyze web page content to evaluate performance metrics during the audit.

Can I detect my web stack and apply stack-specific performance pivots during an audit?▼

Yes, stack detection is built into the performance audit process. It automatically detects your web stack and loads stack-specific pivots from installed sc-* plugins to provide tailored optimization recommendations.

How does a performance audit handle bundle size analysis and rendering metrics?▼

The performance audit handles bundle size analysis by evaluating asset payloads alongside rendering metrics like TBT and TTFB. It parses page content to identify heavy resources contributing to bottlenecks.

Are there limitations when using automated performance audits for single-page applications?▼

Automated performance audits relying on requests and beautifulsoup4 parse static HTML content, which may limit visibility into dynamic single-page application rendering unless stack-specific plugins are installed.

Related Skills

Explore More Software Engineering Skills→
BenAIOSBenAIOS

seo-page

Audit a single web page's SEO elements, schema, and performance.

Official
Intermediate
rodrigotoledorodrigotoledo

perf-web-optimization

Optimize web performance by reducing bundle size, images, caching, and lazy loading.

Community
Intermediate
RebelliousSmileRebelliousSmile
1

data-optimize

Audits project data layers and generates ranked optimization roadmaps.

Community
Advanced
JKKN-InstitutionsJKKN-Institutions

nextjs-performance-optimization

Analyze Next.js 16+ App Router apps for performance bottlenecks across Core Web Vitals, bundles, and caching.

Official
Advanced