Skills
.Work. You
Rest

role-frontend:frontend-performance

Community

Boost frontend speed and user experience.

Software Engineering#performance#frontend#optimization#bundle size#rendering#core web vitals
Authorrnavarych
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses slow frontend performance by optimizing loading times, rendering, and interactivity, directly improving user experience and Core Web Vitals.

Core Features & Use Cases

  • Core Web Vitals Optimization: Improve LCP, INP, and CLS scores.
  • Bundle Size Reduction: Implement code splitting, tree shaking, and dynamic imports.
  • Image & Font Optimization: Optimize formats, responsive loading, and font strategies.
  • Rendering Strategies: Advise on SSR, SSG, RSC, and Islands architecture.
  • Use Case: A website's LCP is too high, causing a poor user experience. This Skill can analyze the LCP element, suggest preloading and optimal image formats, and guide the implementation to bring the score within target limits.

Quick Start

Analyze the current frontend performance and identify the top three areas for optimization.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: role-frontend:frontend-performance
Download link: https://github.com/rnavarych/alpha-engineer/archive/main.zip#role-frontend-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 223,000+ vetted skills library on demand.