web-fixtures

Name: web-fixtures
Availability: InStock
Author: vhqtvn

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

Ready to run

npx skills add https://github.com/vhqtvn/vh-agent-harness --skill web-fixtures

💬 Prompt for ChatGPT / Claude Chat▼

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.