Loading...
Loading...
Found 3 Skills
Layout structure for web interfaces, from grouping and alignment to reading order, progressive disclosure, and adaptive breakpoints. Use when structuring a page or component, spacing or aligning controls, deciding what collapses at small sizes, handling RTL layout direction, or reviewing frontend code for layout. Triggers on layout, spacing, alignment, grouping, negative space, whitespace, visual hierarchy, reading order, progressive disclosure, breakpoints, responsive layout, container queries, safe area, full-bleed, edge-to-edge, layout margins, RTL layout, logical properties.
Audit CSS for pseudo-element best practices and View Transitions API usage. Use when reviewing hover effects, decorative layers, or page transitions. Outputs file:line findings.
Reviews frontend code for accessibility and usability fitness, scoring across semantic HTML, keyboard navigation, screen reader support, color/contrast, progressive enhancement, responsive design, and usability heuristics. Computes WCAG contrast ratios with a bundled script that resolves CSS custom properties per theme (light/dark). Use when the user says /review:accessibility, requests an accessibility audit, asks for a11y review, wants WCAG compliance check, asks to check color contrast, alt text, or keyboard navigation in templates, components, or CSS, or needs usability evaluation of frontend code. For walking a live site's tasks in a browser, use review-usability. Only reports findings with confidence >= 7/10.