Product

Browse Plugins
Marketplaces

Resources

Learning Center
Claude Code Docs
Plugin Guide
Plugin Reference
Plugin Marketplaces

Community

Browse on GitHub
Get Support

Admin

Admin Panel

Community Maintained•Not affiliated with Anthropic

© 2025 ClaudePluginHub

ClaudePluginHub

ClaudePluginHub

Plugins Marketplaces Learn

openwebf-host-performance-metrics | openwebf | ClaudePluginHub

Skill

Community

openwebf-host-performance-metrics

0

Description

Instrument and diagnose WebF performance in Flutter (FP/FCP/LCP, dumpLoadingState, loading-state events). Use when the user mentions FP/FCP/LCP, dumpLoadingState, first render slow, LCP verification, or performance monitoring.

Tool Access

This skill is limited to using the following tools:

ReadGrepGlobBashEditWritemcp__openwebf__project_profilemcp__openwebf__docs_searchmcp__openwebf__docs_get_sectionmcp__openwebf__templates_getmcp__openwebf__templates_render

Supporting Assets

doc-queries.md

examples.md

reference.md

Skill Content

OpenWebF Host: Performance Metrics & Diagnosis

Instructions

Establish measurement: capture FP/FCP/LCP and key lifecycle timings.
Use MCP docs for the official performance monitoring APIs and guidance.
Use dumpLoadingState (or equivalent) to diagnose where time is spent.
Offer scaffolding templates when useful:
- perf/loading-state-events
- perf/loadingstate-dump
- perf/lcp-content-verification

More:

reference.md
doc-queries.md
examples.md

Links

GitHub Stats

0 forks

Updated 18 hours ago

Links

GitHub Stats

0 forks

Updated 18 hours ago

Related Skills

Skill Development

This skill should be used when the user wants to "create a skill", "add a skill to plugin", "write a new skill", "improve skill description", "organize skill content", or needs guidance on skill structure, progressive disclosure, or skill development best practices for Claude Code plugins.

From plugin-dev

Agent Development

This skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.

From plugin-dev

Command Development

This skill should be used when the user asks to "create a slash command", "add a command", "write a custom command", "define command arguments", "use command frontmatter", "organize commands", "create command with file references", "interactive command", "use AskUserQuestion in command", or needs guidance on slash command structure, YAML frontmatter fields, dynamic arguments, bash execution in commands, user interaction patterns, or command development best practices for Claude Code.

From plugin-dev