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

Ready to run

npx skills add https://github.com/a8cteam51/kosh --skill functional-design-a8cteam51

💬 Prompt for ChatGPT / Claude Chat▼

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.