openwebf-host-performance-metrics

Instrument WebF host performance metrics for Flutter apps.

Updated Dec 17, 2025
One-click install
npx skills add https://github.com/archview-ai/webf-plugin --skill openwebf-host-performance-metrics
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: openwebf-host-performance-metrics
Source: https://github.com/archview-ai/webf-plugin/tree/main/webf-plugin/skills/openwebf-host-performance-metrics
Command: npx skills add https://github.com/archview-ai/webf-plugin --skill openwebf-host-performance-metrics

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Instrument and diagnose WebF performance on Flutter hosts (FP/FCP/LCP, dumpLoadingState) to pinpoint bottlenecks.

Core Features & Use Cases

  • Capture FP/FCP/LCP and lifecycle timings
  • Use dumpLoadingState for detailed breakdowns
  • Provide scaffolding templates for loading state events and LCP verification

Quick Start

Add perf scaffolding (e.g., perf/loading-state-events) and compare baseline measurements across devices.

Frequently Asked Questions about openwebf-host-performance-metrics

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I measure WebF performance metrics like FP, FCP, and LCP on Flutter hosts?

WebF performance metrics—FP (First Paint), FCP (First Contentful Paint), and LCP (Largest Contentful Paint)—measure rendering stages. Use this Skill to instrument these timings directly on Flutter WebF hosts, capturing lifecycle events and establishing baseline measurements across devices.

What is dumpLoadingState and how does it help diagnose WebF performance?

dumpLoadingState provides detailed breakdowns of loading phases in WebF. This Skill uses dumpLoadingState to pinpoint performance bottlenecks during initialization and rendering, enabling you to isolate which stage causes slowness.

How do I set up performance monitoring for WebF with scaffolding templates?

This Skill provides scaffolding templates—perf/loading-state-events, perf/loadingstate-dump, and perf/lcp-content-verification—that automate instrumentation setup. Add these templates to your WebF project and compare baseline measurements to track performance regression.

Can I use this for first-render performance diagnostics in Flutter WebF?

Yes. This Skill instruments first-render slowness detection by capturing FP, FCP, and LCP timings alongside dumpLoadingState breakdowns, letting you verify content rendering and identify render-blocking resources in WebF hosts.

Do I need to integrate MCP performance APIs separately to use this Skill?

This Skill satisfies requirements to integrate MCP performance APIs as part of its instrumentation workflow. It provides scaffolding and integration patterns so you don't need to wire these APIs manually.

How do I establish reproducible performance baselines across Flutter WebF devices?

Capture FP, FCP, LCP, and loading-state timings using this Skill's templates on your target devices. Compare measurements across runs and devices to establish reproducible baselines that reveal performance variance and bottlenecks.