skills.rest
PMDevSolutions
PMDevSolutionsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

visual-qa-verification

Validate visual parity between a generated WordPress FSE theme and its Figma design.

16|5|Updated Feb 9, 2026
Search Tags:#figma#lighthouse#theme#pixel-perfect#wordpress#visual-qa#fse
One-click install
npx skills add https://github.com/PMDevSolutions/Flavian --skill visual-qa-verification
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-qa-verification
Source: https://github.com/PMDevSolutions/Flavian/tree/main/.claude/skills/visual-qa-verification
Command: npx skills add https://github.com/PMDevSolutions/Flavian --skill visual-qa-verification

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

After a FSE/theme generation, visual QA is essential to ensure the produced WordPress theme visually matches the source design, catching regressions before delivery.

Core Features & Use Cases

  • Visual parity checks: pixel-perfect screenshot comparisons across breakpoints to validate typography, spacing, color fidelity and image rendering.
  • Responsive verification: ensure layouts adapt correctly from mobile to desktop and across browsers.
  • Accessibility and performance checks: basic Lighthouse metrics, keyboard navigation validation, and image rendering validation to meet accessibility standards.

Quick Start

Run the visual QA verification workflow after a Figma-to-FSE conversion to ensure the generated theme visually matches the source design.

Frequently Asked Questions about visual-qa-verification

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I verify my WordPress FSE theme matches the original Figma design?▼

Verify FSE theme visual parity by running screenshot comparisons against your Figma design to check typography, spacing, and color fidelity. The workflow enforces activation, responsive checks, and image rendering validation to ensure the generated WordPress theme is pixel-perfect.

What is the best way to check responsive behavior in a generated WordPress FSE theme?▼

Check responsive behavior by validating layout adaptation across mobile to desktop breakpoints and multiple browsers. The visual QA process ensures your WordPress FSE theme adapts correctly, verifying image rendering and responsive fidelity before delivery.

Can I run Lighthouse audits and accessibility checks on a WordPress FSE theme?▼

Yes, you can run Lighthouse audits and accessibility checks on your WordPress FSE theme. The visual QA workflow includes basic Lighthouse metrics, keyboard navigation validation, and image rendering validation to ensure the generated theme meets accessibility standards.

How do I categorize visual regressions found during Figma to WordPress theme conversion?▼

Categorize visual regressions during FSE conversion by validating visual parity across breakpoints, then grouping issues by typography, spacing, color fidelity, or image rendering discrepancies. The workflow provides guidance on categorizing issues and delivering a comprehensive report.

When do I need to perform visual QA on a WordPress FSE theme?▼

Perform visual QA on a WordPress FSE theme immediately after a Figma to FSE conversion. This visual verification step is essential to catch regressions, ensure pixel-perfect design matching, and validate responsive behavior before delivering the final theme.

Related Skills

Explore More Design & Creative Skills→
jorgerosaljorgerosal
69

wp-theme-development

Evaluate WordPress themes for compatibility with modern block, classic, hybrid, and child patterns.

Community
Advanced
samjhechtsamjhecht
4

frontend-visual-regression-testing

Compare UI component screenshots against baselines to detect visual regressions.

Community
Advanced
manutejmanutej
1

playwright-visual-testing

Automate browser testing and visual regression analysis with Playwright.

Community
Advanced
fy538fy538

visual-qa

Compare rendered image stills against POLISH.md design specifications and generate markdown reports.

Community
Intermediate