Stats
Actions
Tags
From slides
Audit an HTML presentation for quality, brand compliance, and viewport fitting
How this command is triggered — by the user, by Claude, or both
Slash command
/slides:slide-checkThis command is limited to the following tools:
The summary Claude sees in its command listing — used to decide when to auto-load this command
# /slide-check Audit an AgentAI HTML presentation for quality, brand compliance, and viewport fitting. ## Usage ## Audit Categories ### 1. Brand Compliance - [ ] AgentAI logo present on content slides - [ ] Title slide has full branding (logo + tagline) - [ ] Closing slide has contacts and branding - [ ] Colors match AgentAI palette (check for non-brand hex values) - [ ] Fonts loaded from Google Fonts (not system defaults) - [ ] No competing brand colors or logos ### 2. Viewport Fitting - [ ] Every `.slide` has `height: 100vh` and `overflow: hidden` - [ ] `.slide-content` has `min-...
Audit an AgentAI HTML presentation for quality, brand compliance, and viewport fitting.
/slide-check path/to/presentation.html
.slide has height: 100vh and overflow: hidden.slide-content has min-height: 0 (flexbox overflow fix)clamp() (no fixed px/rem for text)max-height constraintsprefers-reduced-motion media query presentlang attribute on <html>.screenshot-frame with 3 dots).ascii-box with proper .hl / .hl2 / .hl3 classes@page { size: 1920px 1080px; }).card--accent, .card--orange, .card--navy, .card--dark)[data-animate] and [data-animate-stagger]SLIDE CHECK: [filename]
Date: [timestamp]
════════════════════════════════════════
SUMMARY
Slides: 12
Issues: 4 (1 error, 3 warnings)
Brand score: 92/100
Viewport: PASS
════════════════════════════════════════
ERRORS (must fix)
[ERROR] Slide 5
└─ Content exceeds viewport: 8 bullet points
└─ Fix: Split into two slides
════════════════════════════════════════
WARNINGS (should fix)
[WARN] Slide 3
└─ Non-brand color found: #374151
└─ Suggestion: Use var(--text-secondary) instead
[WARN] Slide 8
└─ Missing alt text on image
└─ Fix: Add descriptive alt attribute
[WARN] Global
└─ Missing @media (max-height: 500px) breakpoint
└─ Fix: Add extreme short-screen breakpoint
════════════════════════════════════════
PASSES
✓ Brand compliance: Logo, colors, fonts correct
✓ Navigation: Keyboard + touch working
✓ Accessibility: Reduced motion, print styles
✓ Content flow: Logical structure
════════════════════════════════════════
RECOMMENDATIONS
1. Add viewport height breakpoint for 500px
2. Replace hardcoded gray with CSS variable
3. Split slide 5 into "Financial Metrics" and "Operational Metrics"
npx claudepluginhub sureagentai/agentai-tcap-claude-marketplace --plugin slides/slides-reviewReviews slide decks for storytelling structure, design consistency, pacing, and common mistakes, then produces an actionable report with slide-level fix suggestions.
/slidesCreates HTML presentation slides with organization branding from a presentation name, supporting title, content, divider, two-column, quote, stat, and end slides. Saves HTML file to current directory.
/reviewReviews HTML file for design anti-patterns, principles violations, and accessibility issues. Generates markdown report with status tables and recommendations.
/ux-a11yRuns a structured WCAG 2.1 AA accessibility audit on a URL, file, or screenshot. Checks contrast, keyboard navigation, focus, ARIA, screen reader support, and motion preferences, then produces a grouped findings report with severity, evidence, and fixes.
/UI-UX-AUDIT-REPORTGenerates UI/UX audit report from live browser testing, with grades, categorized issues, evidence, fixes, design principle checks, and WCAG 2.1 AA compliance.
/accessibility-auditRuns a full WCAG AA accessibility audit on an HTML file — checks contrast ratios, keyboard navigation, semantic HTML, ARIA usage, touch targets, and label associations.