workflow-action-editor-quality-gate

Validate workflow-editor action configurations and schema-driven UI components with build, test, and Playwright checks.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a rigorous validation framework to ensure that workflow-editor configurations, including action catalog metadata and schema-driven UI components, meet quality and accessibility standards before deployment.

Core Features & Use Cases

  • Multi-Layered Validation: Combines build-time checks, unit tests, and end-to-end Playwright tests to verify action-catalog discovery and parameter-schema integrity.
  • Accessibility & UX Assurance: Uses Storybook CI and keyboard-navigation testing to ensure the editor remains WCAG-compliant and usable for all authors.
  • Use Case: When a developer modifies the workflow action catalog or adds new form-backed fields, this Skill acts as a quality gate to prevent regressions in the authoring experience and ensure the UI correctly maps to backend schemas.

Quick Start

Execute the full suite of quality gate tests by running the build, unit test, storybook, and playwright commands sequentially as defined in the skill documentation.

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

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

FAQPage Schema
How do I validate workflow editor configurations to prevent UI regressions?

You validate workflow editor configurations by running build-time checks, unit tests, and Playwright end-to-end tests to verify action-catalog discovery and parameter-schema integrity, preventing UI regressions before deployment.

How does Playwright testing work with schema-driven UI components?

Playwright testing executes end-to-end verification against schema-driven UI components to ensure the workflow editor correctly maps form-backed fields to backend schemas, catching integration regressions that unit tests miss.

Do I need .NET and Node.js to run workflow quality gate checks?

Yes, you need local .NET and Node.js environments to execute the build, unit test, and Playwright verification scripts that constitute the workflow quality gate validation suite.

What is the best way to ensure Umbraco workflow action catalogs meet accessibility standards?

Ensuring Umbraco workflow action catalogs meet accessibility standards involves running Storybook CI and keyboard-navigation tests to verify the editor remains WCAG-compliant and usable for all content authors.

Why does my workflow editor action configuration fail after adding new form-backed fields?

Workflow editor action configurations fail after adding new form-backed fields when the UI components do not correctly map to backend schemas, which this quality gate detects through parameter-schema integrity validation.

Can I run the workflow action quality gate checks in a CI pipeline?

Yes, you can run the quality gate checks sequentially in a CI pipeline by executing the defined build, unit test, Storybook, and Playwright commands to validate stage-transition inspector contexts and action-catalog metadata.