GitHub Actions CI/CD Quality Gates

Planned — not yet shipped. The content below is the target design for this integration. The currently available developer surface is the UI Designer MCP server with uidesigner_resolve_link.

Continuous Quality in CI/CD

Integrating accessibility and responsive testing into your pull request workflow guarantees that defects are caught during code review rather than after deployment to production.

Setting Up GitHub Actions

Generate an API token in UIDesigner under Settings → API Tokens.
Add the token to your GitHub repository secrets as UIDESIGNER_API_TOKEN.
Create a workflow file at .github/workflows/uidesigner-audit.yml:

name: UIDesigner Web Quality Audit

on:
  pull_request:
    branches: [main, develop]

jobs:
  audit:
    name: Accessibility & Layout Audit
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v4

      - name: Run UIDesigner Audit
        uses: uidesigner/audit-action@v1
        with:
          api-token: ${{ secrets.UIDESIGNER_API_TOKEN }}
          url: ${{ steps.deploy-preview.outputs.preview_url }}
          min-score: 85
          fail-on: critical
          comment-on-pr: true

Pull Request Status Checks & Comments

When triggered, the action:

Waits for your ephemeral deployment preview URL (from Vercel, Netlify, AWS, etc.).
Executes an automated scan across configured device viewports.
Leaves an interactive comment on the Pull Request summarizing:
Overall Health Score and delta compared to the base branch.
WCAG 2.1 AA violation count.
Links to inspect individual finding pins directly on the live preview.
Fails the CI build check if critical violations are detected or if the overall score falls below your min-score threshold.