What triggers a performance audit?

The skill is automatically triggered by keywords such as 'performance', 'slow loading', 'janky', 're-rendering too much', or 'bundle size'.

Does it support mobile-specific performance tuning?

Absolutely. It specifically audits for heavy animations on low-end devices, large unoptimized images, and keyboard-induced layout thrashing.

What is the primary goal for trip loading?

The skill aims to optimize the auth and data hydration flow to achieve a target of less than 2 seconds to meaningful content on a 3G connection.

Can it fix React re-rendering issues?

Yes, it identifies problematic object/array dependencies in hooks and suggests where React.memo or state restructuring is needed to prevent unnecessary updates.

How does it help with network optimization?

It detects request waterfalls, suggests parallelization, and ensures query deduplication is correctly implemented via TanStack Query.

Chravel Performance Auditor

Name: Chravel Performance Auditor
Author: MeechYourGoals

byMeechYourGoals

•

Analíticas y Monitorización

Audits and optimizes critical application paths to eliminate lag, reduce bundle size, and improve mobile responsiveness.

This skill provides a comprehensive diagnostic framework for identifying and fixing performance bottlenecks within the Chravel ecosystem. It specializes in analyzing high-priority user journeys—including trip hydration, real-time chat rendering, and complex map interactions—to ensure lightning-fast interactions. By detecting common pitfalls like excessive React re-renders, network waterfalls, and unoptimized bundle sizes, it empowers developers to deliver smooth, production-grade experiences across both desktop and mobile devices.

Características Principales

012 GitHub stars

02Real-time chat and list rendering optimization

03Critical path analysis for trip loading and data hydration

04Bundle size and dependency tree auditing

05Detailed reporting on rendering bottlenecks and network waterfalls

06Mobile-specific responsiveness and layout thrash detection

Casos de Uso

01Fixing scroll jank and lag in high-volume chat threads

02Debugging 'Trip Not Found' flashes during initial authentication and data loading

03Optimizing map markers and API call frequency during navigation

Características Principales

012 GitHub stars

02Real-time chat and list rendering optimization

03Critical path analysis for trip loading and data hydration

04Bundle size and dependency tree auditing

05Detailed reporting on rendering bottlenecks and network waterfalls

06Mobile-specific responsiveness and layout thrash detection

Casos de Uso

01Fixing scroll jank and lag in high-volume chat threads

02Debugging 'Trip Not Found' flashes during initial authentication and data loading

03Optimizing map markers and API call frequency during navigation