performance

Analyze Lighthouse scores and optimize frontend, database, and API performance.

Updated Aug 23, 2026

Search Tags:#performance #monitoring #analytics #optimization #next.js #lighthouse #core web vitals

One-click install

npx skills add https://github.com/code-craka/afilo-nextjs-shopify-app --skill performance

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/code-craka/afilo-nextjs-shopify-app/tree/main/.claude/skills/performance
Command: npx skills add https://github.com/code-craka/afilo-nextjs-shopify-app --skill performance

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses slow loading times, poor user experience, and a lack of insight into application performance and user behavior. It helps ensure your digital marketplace meets high performance standards and provides the data needed for continuous optimization.

Core Features & Use Cases

Performance Optimization: Provides strategies and checklists for optimizing frontend, database, and API performance.
Analytics Tracking: Implements event and user journey tracking to gain insights into user behavior and conversion metrics.
Monitoring & Reporting: Integrates Lighthouse CI for automated performance audits and tracks API response times and database query performance.
Use Case: A product manager wants to improve the conversion rate on product pages. This skill can help identify performance bottlenecks, track user interactions, and analyze the impact of optimizations on key metrics like page views and purchase completions.

Quick Start

Use the performance skill to analyze the current Lighthouse scores for the product page at /products/premium-toolkit and suggest improvements to meet the 90% threshold.