Frontend qa

Skill sonsriver4815/agent-skill-starter/src/agent_skill_starter/examples/frontend-qa

Use this skill when the user asks to inspect, test, or polish a frontend screen, including responsive layout, visual regressions, accessibility basics, and interactive states.From its SKILL.md

Install

npx -y skills add sonsriver4815/agent-skill-starter --skill frontend-qa

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.2 KB, 211 tokens by cl100k_base, as published. Nobody here has run it

Frontend QA

Use this skill for practical frontend checks before shipping a UI change.

First Checks

Identify the target screen, route, component, viewport, and user flow.
Read the relevant component, style, test, and routing files.
Confirm how to run the app and whether browser automation is available.

Workflow

Check the primary desktop and mobile viewport.
Exercise important states: loading, empty, error, disabled, hover/focus, and success.
Inspect text overflow, overlapping elements, broken spacing, and missing affordances.
Check that visible labels, buttons, and navigation match the user task.

Verification

Use the closest available automated test, browser check, screenshot, or manual walkthrough.
Verify that the app renders without console errors when browser access is available.
If a browser check is blocked, report the static checks that were completed.

Final Report

Screens or components checked.
Issues found and fixed.
Viewports or states verified.
Any blocked visual checks.

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.