From memi
Adds deterministic PR checks for accessibility, design-token, component-structure, responsive, and UI-state regressions with file-level evidence via Memi CLI.
How this skill is triggered — by the user, by Claude, or both
Slash command
/memi:enforce-design-ciThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Add a reviewable design-quality gate that runs without an LLM. Memi writes a policy, baseline, universal agent skill, SARIF, and human-readable report artifacts.
Add a reviewable design-quality gate that runs without an LLM. Memi writes a policy, baseline, universal agent skill, SARIF, and human-readable report artifacts.
Inspect the worktree first. When the task authorizes setup, run:
npx -y @memi-design/[email protected] init --team --kit universal --json
Review the generated policy and baseline before committing them. Existing debt remains visible but does not block unrelated pull requests.
npx -y @memi-design/[email protected] ci . --no-scope --report --json
The command may exit nonzero when findings exceed the configured gate. Treat that as a quality result, not a tool crash.
Use the pinned major action in .github/workflows/design.yml:
name: Design CI
on: [pull_request]
jobs:
design:
runs-on: ubuntu-latest
permissions:
contents: read
security-events: write
steps:
- uses: actions/checkout@v4
with:
fetch-depth: 0
- uses: sarveshsea/memi@v2
with:
version: "2.6.2"
npx claudepluginhub sarveshsea/memi --plugin memiGenerates CI/CD pipeline YAML files for GitHub Actions, GitLab CI, CircleCI, Bitbucket Pipelines to automate design system quality checks: token validation, component linting, visual regression, accessibility scanning, release gating.
Performs comprehensive UI/UX design reviews using Playwright for live environment testing, responsive validation across viewports, WCAG 2.1 AA accessibility scans, visual polish, interaction flows, and code health analysis.