skills.rest
jonnymuir
jonnymuirCOMMUNITY
Explore all skills by this author →
Website𝕏@jonnymooGitHub

workflow-editor-help-quality-gate

Validate workflow editor help surfaces and keyboard shortcuts with Playwright and Storybook.

1|Updated Dec 23, 2025
Search Tags:#workflow#testing#accessibility#playwright#quality-gate#storybook
One-click install
npx skills add https://github.com/jonnymuir/Umbraco.Prism --skill workflow-editor-help-quality-gate
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: workflow-editor-help-quality-gate
Source: https://github.com/jonnymuir/Umbraco.Prism/tree/main/.claude/skills/workflow-editor-help-quality-gate
Command: npx skills add https://github.com/jonnymuir/Umbraco.Prism --skill workflow-editor-help-quality-gate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures that workflow editor help surfaces, keyboard shortcuts, and inline guidance meet rigorous quality and accessibility standards before deployment.

Core Features & Use Cases

  • Automated Quality Gates: Validates TypeScript integrity, Storybook accessibility, and Playwright test coverage for editor help features.
  • Accessibility Verification: Ensures keyboard navigation and screen reader compatibility for help modals and shortcut references.
  • Use Case: Use this audit when adding new keyboard shortcuts or inline field help to the Umbraco Prism workflow editor to prevent regressions in usability or discoverability.

Quick Start

Run the workflow editor quality gate validation sequence to verify the integrity of your help surface and shortcut implementation.

Frequently Asked Questions about workflow-editor-help-quality-gate

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

FAQPage Schema
How do I validate workflow editor accessibility and help surfaces before deployment?▼

To validate workflow editor accessibility, run automated quality gates that test Storybook accessibility, TypeScript integrity, and Playwright coverage to prevent usability regressions in help modals and shortcut references.

What does automated keyboard contract enforcement verify in a workflow editor?▼

Keyboard contract enforcement verifies keyboard navigation and screen reader compatibility for inline guidance, ensuring help modals and shortcut references meet accessibility standards.

Do I need Playwright and Storybook installed to test editor help features?▼

Yes, you need Playwright and Storybook dependencies installed within a configured UmbracoPrism.Client environment to execute the automated testing and accessibility verification sequences.

When should I run a documentation parity check for keyboard shortcuts?▼

Run a documentation parity check when adding new keyboard shortcuts or inline field help to the workflow editor, ensuring the documentation matches the implemented UI component behavior.

Can I use this quality gate to test UI component verification for inline guidance?▼

Yes, this quality gate applies to software engineering tasks involving UI component verification, specifically testing the discoverability and usability of inline guidance and help surfaces.

Related Skills

Explore More Software Engineering Skills→
jonnymuirjonnymuir
1

workflow-editor-list-workspace-quality-gate

Validate workflow editor list-mode accessibility and functionality with build, Storybook, and Playwright tests.

Community
Advanced
ibalasiteibalasite

canary

Monitor live web applications for post-deploy regressions via screenshots and console errors.

Community
Advanced
adobeadobe
1.5k

migration-testing

Automate Vitest, Playwright, and Storybook tests for migrated components.

Official
Intermediate
leboncoinleboncoin
92

check-accessibility

Automate WCAG 2.1 AA accessibility testing of Spark UI components with Playwright.

Official
Intermediate