skills.rest
KimDoubleB
KimDoubleBCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

generating-browser-tests

Generate k6 browser test scripts measuring Core Web Vitals with Chromium.

10|1|Updated Mar 1, 2026
Search Tags:#web vitals#e2e testing#browser testing#performance testing#k6#chromium
One-click install
npx skills add https://github.com/KimDoubleB/grafana-k6-skills --skill generating-browser-tests
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: generating-browser-tests
Source: https://github.com/KimDoubleB/grafana-k6-skills/tree/main/plugins/grafana-k6-skills/skills/generating-browser-tests
Command: npx skills add https://github.com/KimDoubleB/grafana-k6-skills --skill generating-browser-tests

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of browser-based performance tests using k6, enabling you to simulate real user interactions and measure frontend performance.

Core Features & Use Cases

  • Browser Script Generation: Create k6 scripts that control a real browser (Chromium).
  • Web Vitals Measurement: Automatically collect and report on Core Web Vitals (LCP, FCP, CLS, INP, TTFB).
  • Use Case: Generate a k6 script to test the login flow of a web application, measure page load times, and ensure visual stability.

Quick Start

Generate a k6 browser test script that navigates to 'https://example.com', measures its Web Vitals, and takes a screenshot.

Frequently Asked Questions about generating-browser-tests

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

FAQPage Schema
How do I generate k6 browser tests to measure Core Web Vitals?▼

You can generate k6 browser tests to measure Core Web Vitals by creating scripts that utilize the k6/browser module to automate Chromium actions and automatically collect LCP, FCP, CLS, INP, and TTFB metrics.

Can I simulate end-to-end user interactions with k6 and Chromium?▼

Yes, simulating end-to-end user interactions with k6 and Chromium allows you to control a real browser, automate actions like web application login flows, and measure page load times for frontend performance testing.

Does k6 support hybrid testing combining browser and protocol-level load?▼

Yes, k6 supports hybrid testing that combines browser-level interactions with protocol-level load, enabling you to validate both frontend user experience and backend system performance simultaneously within the same test scripts.

What is the best way to automate frontend performance testing for visual stability?▼

The best way to automate frontend performance testing for visual stability is generating k6 browser scripts that simulate real user interactions, measure Core Web Vitals like CLS, and capture screenshots during execution.

How do I measure LCP and FCP using automated browser testing?▼

You measure LCP and FCP using automated browser testing by generating k6 scripts that navigate your web application, trigger page loads via Chromium, and automatically report the collected Web Vitals data.

Do I need the k6 browser module to test Core Web Vitals?▼

Yes, to test Core Web Vitals like INP and TTFB in k6, you need the k6/browser module because it drives Chromium to simulate real end-to-end user interactions and capture accurate frontend performance metrics.

Related Skills

Explore More Software Engineering Skills→
mchien15mchien15

web-testing

Automate browser-based testing with Playwright, Vitest, and k6.

Community
Advanced
xenitV1xenitV1
132

performance-profiling

Automate Lighthouse-based performance profiling to identify web application bottlenecks.

Community
Advanced
latestaiagentslatestaiagents
5

performance-testing

Design and execute load and stress tests with k6 and Artillery.

Official
Advanced
XD3anXD3an
11

webapp-testing

Automate web application testing with Playwright scripts for frontend validation.

Community
Intermediate