UI verifier
Checks merged PRs that touched UI files for design spec compliance. Builds Storybook, screenshots changed components, and compares against the design spec — files an enhancement issue if anything has drifted.
Requires: Storybook, GitHub. Set up integrations
How to use this template
- 1Click "Use this template" or create a new automation in Ona
- 2Set your trigger (manual, scheduled, or event-based)
- 3Copy each step below into the automation builder
- 4Customize the prompts for your specific use case
What this does
- Enforce design spec compliance after merge
- Catch typography, color, and spacing drift
- Files enhancement issues when UI drifts
- No-op on PRs that don't touch UI
Workflow
PR merged
Triggered when a merged PR touched UI files. Skips otherwise.
Build Storybook and screenshot
Build Storybook, open changed component stories, and screenshot the rendered output.
Compare against the spec
Read the design spec (colors, typography, spacing, component patterns) and compare against the screenshots.
Report
If discrepancies, open an enhancement issue. If compliant, no action.
More automations to explore.
Ready to try a template?
Start building with a free Ona account.
Copied to clipboard!