skills.rest
vhqtvn
vhqtvnCOMMUNITY
Explore all skills by this author →
GitHub

web-fixtures

Provide deterministic fixture data for frontend browser smoke tests.

1|Updated Jun 25, 2026
Search Tags:#frontend#playwright#ui testing#fixtures#api mocking#browser smoke tests
One-click install
npx skills add https://github.com/vhqtvn/vh-agent-harness --skill web-fixtures
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-fixtures
Source: https://github.com/vhqtvn/vh-agent-harness/tree/main/docs/adoption-examples/web/skills/web-fixtures
Command: npx skills add https://github.com/vhqtvn/vh-agent-harness --skill web-fixtures

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps frontend teams avoid unreliable browser testing caused by changing API, database, or dataset state by providing deterministic fixture data for UI development and debugging.

Core Features & Use Cases

  • Deterministic Fixture Mode: Enables stable frontend fixture data for browser smoke tests and UI iteration without relying on live backend state.
  • Production-Shaped Fixtures: Maintains local fixture entrypoints that mirror real API responses while preserving live API behavior as the default.
  • Use Case: Use this Skill when building or debugging an operator interface that needs reproducible Playwright checks during rapid frontend changes.

Quick Start

Ask the web fixtures skill to enable deterministic frontend fixture mode for the web app and stabilize the browser smoke test flow.

Frequently Asked Questions about web-fixtures

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

FAQPage Schema
How do I stabilize Playwright UI tests when live API data keeps changing?▼

Stabilize Playwright UI tests by enabling deterministic fixture mode to provide static frontend data, removing live API dependencies and ensuring reproducible browser smoke test flows.

What is deterministic fixture data for frontend testing?▼

Deterministic fixture data provides stable, local API response mocks for UI development, allowing browser smoke tests and debugging to run reproducibly without relying on live backend state.

Can I use local fixtures for browser smoke tests while keeping real API behavior as default?▼

Yes, you can switch between deterministic fixture mode and real API behavior using environment-controlled settings, preserving live API behavior as default while providing local fixture entrypoints.

How do I set up deterministic frontend fixture mode for a web app?▼

Set up deterministic frontend fixture mode by configuring local fixture entrypoints that mirror real API responses, then use environment-controlled switching to activate fixture mode for testing.

Why do my frontend browser tests fail intermittently during rapid UI changes?▼

Frontend browser tests fail intermittently because live API, database, or dataset state changes between runs; applying deterministic fixture data isolates UI iteration from backend volatility.

What's the best way to debug operator interfaces without live backend dependencies?▼

Debug operator interfaces by applying production-shaped local fixtures that mirror real API responses, enabling reproducible Playwright checks and UI iteration without live backend dependencies.

Related Skills

Explore More Software Engineering Skills→
web3br1web3br1

invalid-unsafe-auto-invocation

Automate production deployment and client data migration processes.

Community
Basic
vhqtvnvhqtvn
1

web-dev-loop

Run Playwright frontend tests in a Compose-managed browser environment.

Community
Intermediate
ROYCE-8425ROYCE-8425
1

browser-qa

Automate visual regression testing and UI interaction verification for web applications.

Community
Advanced
Camilo8902Camilo8902

api-mock-server

Create mock API servers with MSW, json-server, or custom handlers.

Community
Advanced