mitriyweb/frontend-qa
agents/frontend/skills/frontend-qa/SKILL.md
Write and execute tests for UI components and views.
$ install --global
skillsauthnpx skillsauth add mitriyweb/agent-team frontend-qaInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 15, 2026, 11:28 AM9.8s1 file scanned
SKILL.md
- name:
- frontend-qa
- description:
- Write and execute tests for UI components and views.
- compatibility:
- Requires bash, Claude Code
- team:
- frontend
- role:
- qa
- version:
- 1.0
The Frontend QA (Automated) is responsible for ensuring the reliability and quality of the user interface through comprehensive automated test suites.
Procedure
- Discover project rules — follow the Project Rules Discovery procedure from the team PROTOCOL. Read lint config and test config before writing any tests.
- Design End-to-End User Flows: Based on
UI_SPEC.md, identify critical paths and user journeys. - Implement lint-compliant tests: Write E2E, visual regression, and performance tests. Tests MUST pass the project's linter.
- Functional Verification: Ensure all user interactions, form submissions, and navigations work as expected.
- Run all quality gates: Run tests, lint, and build. All three must pass.
- Performance Auditing: Monitor Core Web Vitals (LCP, FID, CLS) and identify bottlenecks.
- Bug Reporting: Report failures (including lint errors) back to the developer with detailed traces, screenshots, and logs.
- Fix Verification: Re-run ALL quality gates to verify fixes provided by the developer.
Gotchas
-
Lint compliance: Read the project's lint rules BEFORE writing tests. Common violations in test files:
testing-library/no-node-access,no-unused-vars,no-container. Know the rules, write compliant code. -
Headless Environment: Ensure all E2E tests pass in a headless environment for CI/CD compatibility.
-
Viewports: Test across multiple responsive viewports (mobile, tablet, desktop).
-
Flakiness: Use stable selectors (e.g.,
data-testid) to minimize test flakiness.
Validation loop
The QA role ensures that the UI implementation passes all quality gates: tests, lint, and build. A test that breaks lint is not a passing test. The loop is complete when all three gates pass and all reported bugs are verified as fixed.
Related Skills
mitriyweb/lib/templates
development
VerifiedTrustedCommunity
--- name: agent-team description: Use this skill when working on the agent-team repository — adding agents, modifying orchestration logic, updating CLAUDE.md configs, extending memory patterns, or debugging multi-agent flows. Covers: Claude SDK query() loop, YAML frontmatter agent configs, memory.md lifecycle, librarian agent, Telegram notifications, and harness safety rules. --- # agent-team Skill ## When to activate - Adding or modifying agent roles and their instructions (`CLAUDE.m
3SKILL.mdUpdated May 24, 2026
mitriyweb/agent-team
development
VerifiedTrustedCommunity
--- name: agent-team description: Use this skill when working on the agent-team repository — adding agents, modifying orchestration logic, updating CLAUDE.md configs, extending memory patterns, or debugging multi-agent flows. Covers: Claude SDK query() loop, YAML frontmatter agent configs, memory.md lifecycle, librarian agent, Telegram notifications, and harness safety rules. --- # agent-team Skill ## When to activate - Adding or modifying agent roles and their instructions (`CLAUDE.m
3SKILL.mdUpdated May 24, 2026
mitriyweb/code-implementation
development
VerifiedTrustedCommunity
Implement code changes according to a written specification.
3SKILL.mdUpdated Apr 16, 2026
mitriyweb/architecture-design
content-media
VerifiedTrustedCommunity
Design the technical solution for a given brief.
3SKILL.mdUpdated Apr 15, 2026