Frontend Functional Validator (Detective)
CommunityAutomates UI checks to catch broken features.
AuthorBambibanners
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Frontend teams often face invisible gaps where the backend does not support a UI flow, causing broken pages, missing endpoints, or unexpected errors during user interactions. This skill proactively navigates the app to surface integration gaps and frontend issues.
Core Features & Use Cases
- Automated UI exploration: visits pages, triggers interactions, and records console errors and network responses to surface issues.
- Backend gap detection: detects missing or misbehaving API endpoints that the UI expects but the server does not provide or returns errors.
- Use Case: validate critical flows such as login, data fetch, and form submission across routes, generating a concise report of failures.
Quick Start
Start the React app on port 5173 and run the functional tester against the base URL to begin probing.
Dependency Matrix
Required Modules
playwright
Components
scripts
💻 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 Functional Validator (Detective) Download link: https://github.com/Bambibanners/master_of_puppets/archive/main.zip#frontend-functional-validator-detective Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.