marsai:dev-frontend-performance

Official

Push frontend performance to Lighthouse 90+

AuthorV4-Company
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Frontend development tasks often stumble when performance gates (CWV, Lighthouse scores, and bundle budgets) are not met, delaying delivery and eroding user experience. This Skill orchestrates a Gate-6 performance validation by coordinating a Frontend QA Analyst agent to measure, analyze, and hand off results for fixes before code review.

Core Features & Use Cases

  • Automates Core Web Vitals checks (LCP, CLS, INP) across affected pages.
  • Runs Lighthouse audits and compares scores against a baseline.
  • Analyzes bundle size changes and ensures tree-shakeable imports.
  • Dispatches targeted frontend engineers to fix regressions and re-validate.

Quick Start

Run Gate 6 frontend performance evaluation for the target feature to verify Core Web Vitals, Lighthouse score, and bundle size against baseline.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: marsai:dev-frontend-performance
Download link: https://github.com/V4-Company/marsai/archive/main.zip#marsai-dev-frontend-performance

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.