Does it support bundle size monitoring?

Yes, it includes instructions for monitoring bundle sizes and implementing code splitting to ensure the application remains lightweight and fast to load.

What APIs does this skill utilize?

It primarily utilizes the standard Performance API (mark and measure) along with OpenWebF-specific documentation and recommended patterns.

Can it help improve frame rates in WebF?

Yes, by identifying heavy synchronous work on the JS side and optimizing CSS transforms, it helps reduce main-thread blocking and improves frame consistency.

How does this skill help with WebF performance?

It provides automated guidance for instrumenting JavaScript code, analyzing bundle sizes, and applying specific best practices like debouncing and code splitting to improve app speed.

When should I use this instead of host-side performance tools?

Use this skill for JavaScript-specific issues like logic bottlenecks, bundle sizes, and event handling. Use host-side skills for native bridge metrics or FCP/LCP wiring.

OpenWebF JS Performance Optimizer

Name: OpenWebF JS Performance Optimizer
Author: archview-ai

byarchview-ai

Mobile Development

Measures and optimizes WebF application performance through JavaScript-side instrumentation and architectural best practices.

概要

This skill empowers Claude to analyze and enhance the JavaScript execution layer of OpenWebF applications. It provides structured guidance for establishing performance baselines using the Performance API, identifying bottlenecks in execution paths, and implementing high-impact optimizations such as bundle splitting, debouncing expensive operations, and optimizing CSS transforms to ensure smooth, high-frame-rate user experiences within the WebF engine.

主な機能

0 GitHub stars
Bundle size analysis and code splitting implementation strategies
Optimization of synchronous work on the critical rendering path
Guidance on CSS transform optimizations for better animation performance
JavaScript instrumentation using performance.mark and performance.measure
Performance-tuning for expensive operations via debouncing and throttling

ユースケース

Profiling and refactoring heavy JavaScript logic to improve main-thread responsiveness
Reducing initial application load times by optimizing JavaScript delivery and size
Identifying and fixing UI jank or laggy interactions in a WebF-based mobile app

概要

主な機能

0 GitHub stars
Bundle size analysis and code splitting implementation strategies
Optimization of synchronous work on the critical rendering path
Guidance on CSS transform optimizations for better animation performance
JavaScript instrumentation using performance.mark and performance.measure
Performance-tuning for expensive operations via debouncing and throttling

ユースケース

Profiling and refactoring heavy JavaScript logic to improve main-thread responsiveness
Reducing initial application load times by optimizing JavaScript delivery and size
Identifying and fixing UI jank or laggy interactions in a WebF-based mobile app