Skills
.Work. You
Rest

frontend-smoke-verify

Community

In-browser smoke checks for frontend changes.

Software Engineering#frontend#playwright#ui-testing#harness#smoke-test#console-errors#flightjar
AuthorMrSuttonmann
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Frontend changes often require manual, time-consuming validation across viewports and environments. This skill streamlines that by booting a minimal FlightJar backend, injecting a fake snapshot, and validating the UI in-browser to surface console errors quickly.

Core Features & Use Cases

  • Boots the FlightJar backend in a Playwright harness with BEAST_HOST pointing at a dead host and disables certain live-data features to keep tests deterministic.
  • Injects a fake snapshot and opens the detail panel to exercise core rendering paths.
  • Verifies the panel and dialogs render without console errors across desktop and mobile viewports.
  • Use Case: when a frontend change is requested, to quickly smoke-check rendering, interactions, and error handling before broader testing.

Quick Start

Boot the FlightJar backend with the Playwright harness and run the in-browser smoke test against the UI.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-smoke-verify
Download link: https://github.com/MrSuttonmann/flightjar/archive/main.zip#frontend-smoke-verify

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.