Menu
Verify visual alignment across sections. Check that headings, text, images, and components share consistent alignment points.
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 | align |
| description | Verify visual alignment across sections. Check that headings, text, images, and components share consistent alignment points. |
| user-invokable | true |
Scan for alignment inconsistencies:
Report misalignments with pixel measurements and fixes.
Full accessibility audit covering focus management, semantic HTML, ARIA attributes, color contrast, touch targets, screen reader experience, and motion safety.
Auto-fix detectable accessibility issues. Adds focus styles, semantic HTML, ARIA attributes, and touch target sizing.
Add purposeful motion and transitions to the interface. Focuses on high-impact moments: page load reveals, hover states, and scroll-triggered entries. Not decorative jitter.
Audit and fix ARIA attributes. Ensures proper aria-label, aria-hidden, aria-live, and role usage throughout the interface.
Comprehensive design quality audit with severity ratings, specific line references, and actionable fix instructions. Deeper than /score — examines every declaration.
Compare the current design against quality baselines. Shows where the design ranks relative to typical AI output, typical professional output, and exceptional output.
