workflow-editor-list-workspace-quality-gate

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

1|Updated Dec 23, 2025
One-click install
npx skills add https://github.com/jonnymuir/Umbraco.Prism --skill workflow-editor-list-workspace-quality-gate
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: workflow-editor-list-workspace-quality-gate
Source: https://github.com/jonnymuir/Umbraco.Prism/tree/main/.squad/skills/workflow-editor-list-workspace-quality-gate
Command: npx skills add https://github.com/jonnymuir/Umbraco.Prism --skill workflow-editor-list-workspace-quality-gate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures that the workflow editor's list-mode implementation meets strict accessibility, keyboard navigation, and data-integrity standards, preventing the release of incomplete or non-compliant UI features.

Core Features & Use Cases

  • Automated Quality Auditing: Executes a suite of Playwright and Storybook tests to verify list-mode functionality.
  • Accessibility Compliance: Validates keyboard behavior and screen reader announcements for row-based editing.
  • Use Case: Use this gate before merging changes to the workflow editor to ensure that list-mode supports row-level editing, proper state mutation, and parity with the graph-based editor.

Quick Start

Run the workflow-editor-list-workspace-quality-gate skill to execute the full suite of build, storybook, and playwright tests against the current client workspace.

Frequently Asked Questions about workflow-editor-list-workspace-quality-gate

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

FAQPage Schema
How do I validate workflow editor list-mode accessibility and data integrity?

Use this quality gate before merging workflow editor changes to ensure list-mode supports row-level editing, proper state mutation, and parity with the graph-based editor. It prevents releasing incomplete or non-compliant UI features.

How does the Playwright test suite verify row-level editing in the workflow editor?

Yes, the quality gate validates screen reader announcements and keyboard behavior for row-based editing. It ensures the workflow editor's list-mode implementation meets strict accessibility standards before release.

What is the purpose of a workflow editor list workspace quality gate?

Run the quality gate skill to execute the full suite of build, Storybook, and Playwright tests against the current client workspace. This validates functional and accessibility requirements for the workflow editor list-mode.

Does the workflow editor quality gate work with UmbracoPrism.Client?

The quality gate validates that list-mode supports row-level editing, proper state mutation, and parity with the graph-based editor. It executes build, Storybook, and Playwright test suites to confirm compliance.