ui-design-styling
Installation
SKILL.md
ryOS UI Design & Styling
The 4 Themes
| Theme | ID | Key Traits |
|---|---|---|
| System 7 | system7 |
Black/white, square corners, Chicago font, dotted patterns |
| macOS Aqua | macosx |
Pinstripes, traffic lights, glossy buttons, Lucida Grande |
| Windows XP | xp |
Blue gradients, Luna style, soft shadows, Tahoma |
| Windows 98 | win98 |
Gray 3D bevels, classic blue title bars, MS Sans Serif |
Essential Utilities
import { cn } from "@/lib/utils";
import { useTheme } from "@/contexts/ThemeContext";
const { osTheme } = useTheme();