skills.rest
a8cteam51
a8cteam51OFFICIAL
Explore all skills by this author →
GitHub

functional-design

Run multi-page functional and design QA via Playwright browser automation.

8|1|Updated Mar 20, 2026
Search Tags:#accessibility#Playwright#functional testing#WordPress#link validation#design QA#open graph
One-click install
npx skills add https://github.com/a8cteam51/kosh --skill functional-design-a8cteam51
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: functional-design
Source: https://github.com/a8cteam51/kosh/tree/main/skills/functional-design
Command: npx skills add https://github.com/a8cteam51/kosh --skill functional-design-a8cteam51

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you discover functional breakages and design inconsistencies on real WordPress pages by simulating user journeys in a real browser and producing an actionable report.

Core Features & Use Cases

  • Multi-page user journey QA: Exercises navigation paths by clicking real links across 4–6+ pages rather than only checking the homepage.
  • Design and UX validation: Checks layout, typography hierarchy, link styling, navigation/footer integrity, and cross-page consistency across desktop and mobile viewports.
  • Performance and accessibility signals in context: Produces structured findings that can include practical evidence like screenshots and metadata checks to speed up remediation.
  • Use case: Before a site release, test an entire visitor journey (landing → content → form/CTA) and export a single JSON/HTML-style report showing issues by severity and page.

Quick Start

Use the functional-design skill to run a live multi-page QA test against https://example.com using Playwright browser automation.

Frequently Asked Questions about functional-design

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

FAQPage Schema
How do I run functional and design QA across multiple pages?▼

You can validate website release readiness by executing live Playwright browser automation on a target URL, which simulates real user journeys to capture screenshots and validate design consistency.

What is multi-page user journey testing for website release validation?▼

Multi-page user journey testing exercises navigation paths by clicking real links across 4–6+ pages rather than only checking the homepage, ensuring comprehensive website release validation through real link flows.

Can I use Playwright to check both desktop and mobile viewports?▼

Yes, Playwright automation enforces multi-page coverage across desktop 1920px and mobile 375px viewports, checking layout, typography hierarchy, and navigation integrity for both screen sizes.

Does automated design QA check accessibility and metadata?▼

Automated design QA validates metadata, images, contrast, and link functionality with structured reporting, capturing practical evidence like screenshots to speed up remediation of accessibility signals.

How do I test a complete visitor journey before a WordPress site release?▼

Test a complete visitor journey from landing to content to form or CTA by running Playwright browser automation, which exports a structured JSON or HTML-style report showing issues by severity and page.

Related Skills

Explore More Software Engineering Skills→
henkisdabrohenkisdabro
77

webapp-testing

Automate local web app testing with Playwright and headless Chromium.

Community
Intermediate
heyparth1heyparth1

audit

Audit interface quality across accessibility, performance, theming, and responsive design.

Community
Advanced
OthmanAdiOthmanAdi

gmira-verify

Execute Playwright audits across five viewports to detect layout, accessibility, and performance regressions.

Community
Advanced
CaltexBevoCaltexBevo

canary

Monitor live production apps for console errors and performance regressions.

Community
Advanced