Style Slidev presentations with UnoCSS utilities and custom CSS overrides.
npx skills add https://github.com/legout/pi-config --skill slidev-styling-legout
Please help me install this Agent Skill. Skill: slidev-styling Source: https://github.com/legout/pi-config/tree/main/installed-skills/slidev-styling Command: npx skills add https://github.com/legout/pi-config --skill slidev-styling-legout
This skill solves the challenge of maintaining consistent, professional, and responsive visual branding across Slidev presentations by providing a structured approach to atomic CSS and custom styling.
Apply the slidev-styling skill to update the current presentation theme with custom brand colors and typography.
High-intent search queries and answers about installing and using this skill.
You can style Slidev presentations by configuring UnoCSS utility shortcuts and design tokens inside the uno.config.ts file. This enables rapid, atomic CSS styling to maintain consistent visual themes across slide decks.
The best way to maintain consistent Slidev visual branding is to define reusable color palettes and typography rules in configuration files. This structured approach ensures professional, responsive layouts across your presentation.
Yes, you can implement custom CSS overrides and animations in Slidev by defining global style rules in the styles/index.css file. This allows for advanced visuals including scoped CSS and complex animations for high-impact slides.
Yes, applying custom Slidev themes requires configuring the uno.config.ts and styles/index.css files. These files manage the atomic CSS integration and global style rules needed for responsive layouts.
Using UnoCSS instead of plain CSS for Slidev provides a utility-first styling framework that accelerates deck creation. It facilitates reusable design shortcuts and consistent visual themes without writing extensive custom CSS.
yoanbernabeuStyle Slidev presentations with UnoCSS utilities and custom CSS.
hmzainjamilGenerate Slidev markdown presentations with code examples, diagrams, and Vue components.
LinWhite2333Generate atomic CSS utility classes with UnoCSS and custom rules.
mymx2Configure UnoCSS atomic CSS engine with presets and custom rules.
