Skills
.Work. You
Rest

graft-frontend-browser-qa

Community

Ensure Graft frontend UI integrity with browser-based QA

Software Engineering#accessibility#frontend#UI testing#browser QA#Graft
AuthorGeWuYou
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the need for thorough UI quality assurance on Graft frontend changes, providing automated checks and manual review capabilities for layout, responsiveness, accessibility, and security without requiring Playwright test dependencies.

Core Features & Use Cases

  • Automated Browser Checks: Conduct automated tests for console errors, network requests, auth flows, and visual elements like text readability and layout.
  • Manual Review: Offer the flexibility to visually inspect UI elements on both desktop and mobile devices.
  • Accessibility: Ensures compliance with accessibility standards and usability.
  • Use Case: For a new feature deployment in the Graft platform, use this Skill to validate changes on multiple devices before going live.

Quick Start

To perform a QA check on a specific UI component in the Graft web application, execute: $graft-frontend-browser-qa component-id

Dependency Matrix

Required Modules

None required

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: graft-frontend-browser-qa
Download link: https://github.com/GeWuYou/Graft/archive/main.zip#graft-frontend-browser-qa

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 620,000+ vetted skills library on demand.