plugin-bundle-size
Optimise Grafana app plugin bundle size using React.lazy, Suspense, and webpack code splitting. Use when the user asks to reduce plugin bundle size, optimise module.js, add code splitting, improve initial plugin load performance, split plugin chunks, lazy load plugin pages, or help implement lazy loading in a Grafana app plugin. Triggers on phrases like "optimise plugin bundle size", "module.js is too large", "plugin is slow to load", "code split the plugin", "reduce initial JS payload", or "help me with Suspense in my plugin".
94
92%
Does it follow best practices?
Impact
Pending
No eval scenarios have been run
Passed
No known issues
Quality
Discovery
100%Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.
This is an excellent skill description that clearly defines a narrow, specific domain (Grafana app plugin bundle optimization), lists concrete techniques and actions, and provides comprehensive trigger guidance with both a 'Use when' clause and explicit example phrases. It serves as a strong example of how to write a skill description that enables accurate skill selection from a large pool.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete actions: 'React.lazy, Suspense, and webpack code splitting' as techniques, and describes specific outcomes like 'reduce plugin bundle size', 'optimise module.js', 'lazy load plugin pages'. These are concrete, actionable capabilities. | 3 / 3 |
Completeness | Clearly answers both 'what' (optimise Grafana app plugin bundle size using React.lazy, Suspense, and webpack code splitting) and 'when' (explicit 'Use when...' clause with multiple trigger scenarios, plus a 'Triggers on phrases like...' section). | 3 / 3 |
Trigger Term Quality | Excellent coverage of natural terms users would say: 'module.js is too large', 'plugin is slow to load', 'code split the plugin', 'reduce initial JS payload', 'Suspense in my plugin', 'optimise plugin bundle size'. These are realistic phrases a developer would use. | 3 / 3 |
Distinctiveness Conflict Risk | Highly distinctive niche: specifically targets Grafana app plugins with React.lazy/Suspense/webpack code splitting. The combination of 'Grafana app plugin' + 'bundle size optimization' + specific technologies makes it very unlikely to conflict with other skills. | 3 / 3 |
Total | 12 / 12 Passed |
Implementation
85%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This is a high-quality, well-structured skill that provides a complete, actionable workflow for optimizing Grafana app plugin bundle sizes. Its greatest strengths are the prioritized risk table, executable code examples at every step, and clear measurement/verification targets. The only notable weakness is moderate verbosity in the CI setup section and some explanatory text that could be trimmed for token efficiency.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The skill is mostly efficient and packed with actionable detail, but some sections are slightly verbose — e.g., the CI workflow YAML for both root-level and subdirectory plugins is quite long, and the 'How it works' explanation could be trimmed. The risk-level table and introductory paragraph add useful context without much waste, but overall it could be tightened by ~15-20%. | 2 / 3 |
Actionability | Excellent actionability throughout — every step includes executable bash commands, complete TypeScript/TSX code examples, specific YAML workflow configs, and concrete measurement targets. The code is copy-paste ready with real imports and realistic patterns, not pseudocode. | 3 / 3 |
Workflow Clarity | The 8-step workflow is clearly sequenced with explicit priority ordering, a risk table guiding what to split first, baseline measurement before changes (Step 2), verification after changes (Step 7), and a manual testing checklist (Step 8). The feedback loop of measure → implement → verify is well-defined, and the 'Do not touch' guardrails prevent destructive mistakes. | 3 / 3 |
Progressive Disclosure | The skill is well-structured with clear sections, a risk-level overview table for quick scanning, and appropriate references to external files (references/troubleshooting.md, references/datasource-plugins.md) for specialized topics. The main content stays focused on the core app plugin workflow while pointing to one-level-deep references for edge cases. | 3 / 3 |
Total | 11 / 12 Passed |
Validation
100%Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.
Validation — 11 / 11 Passed
Validation for skill structure
No warnings or errors.
- Repository
- grafana/skills
- Commit
ccbb23d
- Reviewed
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.