Menu
Visual design review using Playwright screenshots against mern-styleguide.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | mern-design-review |
| description | Visual design review using Playwright screenshots against mern-styleguide. |
| argument-hint | [--base-url <url>] [--routes /,/settings] [--no-fix] |
| allowed-tools | Bash, Read, Glob, Grep, Write |
Capture screenshots at multiple breakpoints and evaluate against mern-styleguide. Report issues, then (with approval) fix and run tests to confirm.
--base-url <url> — App URL (default: http://localhost:3000)--routes <paths> — Comma-separated routes (default: discover from app/**/page.tsx)--no-fix — Report only, don't offer to fixpnpm dev)page.tsx files)Use Playwright to capture each route at:
Save to playwright-artifacts/design-review/ (don't commit).
Review each screenshot for:
For each issue, note:
must-fix | should-fix | nice-to-haveSummary of screens/viewports reviewed + findings by severity.
See /shared-review-workflow for severity definitions, approval gate protocol, and fix constraints. After fixes, re-capture affected screenshots and run /mern-unit-test.
For Playwright setup, screenshot scripts, and evaluation checklist, see reference/mern-design-review-reference.md
Scaffold a pnpm + Turborepo MERN monorepo with Next.js, tooling, tests, CI, and optional GitHub repo creation.
Configure GitHub repository security with branch protection, Dependabot, security scanning, and CI workflows. Integrates with mern-scaffold, nean-scaffold, and iOS projects.
Harden a Vercel deployment with security headers, CSP, bot protection, and deployment configuration
Add authentication to an iOS app with Sign in with Apple, biometrics, and Keychain storage.
Scaffold a new feature with View, ViewModel, and tests following ios-std conventions.
Review iOS code for compliance with standards, NFRs, and security policy.