What problem does it solve?
This Skill eliminates the need to write custom CSS and HTML patterns from scratch when building web-based presentation slides, ensuring consistent visual design across all slides without repetitive manual work.
Core Features & Use Cases
- Pre-built CSS Component Classes: Includes layout classes (two-col, info-grid), content block classes (trigger-box, code-block, warning-box), list classes, and tag/badge classes for common slide elements.
- Syntax Highlighting Patterns: Pre-defined span classes for coloring comments, keys, strings, and commands inside code blocks.
- Slide Type Templates: Ready-to-use HTML patterns for common slide layouts like good vs bad comparison slides, code example slides, and icon list slides.
- Use Case: When building a product update presentation, use the two-col layout to compare old and new features, apply the code-block styling to highlight implementation snippets, and use the weight badge auto-injection to mark high-priority slides without manual HTML edits.
Quick Start
Use the presentation-styling skill to apply consistent CSS classes and pre-built slide patterns when creating your next presentation deck.