visual-audit
Adversarial visual-layout audit of a Quarto `.qmd` or Beamer `.tex` deck. Flags overflow, font inconsistency, box fatigue, spacing, and alignment issues. Use when user says "visual audit", "check the layout", "does this overflow?", "look for visual issues", "audit the slides", or after reworking a deck's appearance. Does NOT check writing or pedagogy — pair with `/proofread` or `/pedagogy-review`.
Works with
--- name: visual-audit description: Adversarial visual-layout audit of a Quarto `.qmd` or Beamer `.tex` deck. Flags overflow, font inconsistency, box fatigue, spacing, and alignment issues. Use when user says "visual audit", "check the layout", "does this overflow?", "look for visual issues", "audit the slides", or after reworking a deck's appearance. Does NOT check writing or pedagogy — pair with `/proofread` or `/pedagogy-review`. license: MIT --- # Visual Audit of Slide Deck Perform a thorough visual layout audit of a slide deck. ## Steps 1. **Read the slide file** specified in `$ARGUMENTS` 2. **For Quarto (.qmd) files:** - Render with `quarto render Quarto/$ARGUMENTS` - Open in browser to inspect each slide 3. **For Beamer (.tex) files:** - Compile and check for overfull hbox warnings 4. **Audit every slide for:** **OVERFLOW:** Content exceeding slide boundaries **FONT CONSISTENCY:** Inline font-size overrides, inconsistent sizes **BOX FATIGUE:** 2+ colored boxes on one slide, wrong box types **SPACING:** Missing negative margins, missing fig-align **LAYOUT:** Missing transitions, missing framing sentences, semantic colors 5. **Produce a report** organized by slide with severity and recommendations 6. **Follow the spacing-first principle:** 1. Reduce vertical spacing with negative margins 2. Consolidate lists 3. Move displayed equations inline 4. Reduce image/SVG size 5. Last resort: font size reduction (never below 0.85em)
More Accessibility skills
ui-ux-pro-max
nextlevelbuilder/ui-ux-pro-max-skill
UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.
hyperframes-core
heygen-com/hyperframes
The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md / SCRIPT.md plan formats. Read before writing composition HTML.
web-design-guidelines
vercel-labs/agent-skills
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

