Apply UI design principles from Refactoring UI by Adam Wathan & Steve Schoger. Covers visual hierarchy (size, weight, color, spacing), layout systems (spacing scales, grids), typography (type scales, line-height, alignment), color (HSL palettes, shade systems, accessible contrast), depth (shadow elevation, overlap), images (text on images, user content, icons), and finishing touches (accent borders, empty states, fewer borders). Trigger on "UI design", "visual hierarchy", "spacing system", "type scale", "color palette", "shadow", "layout", "design system", "component design", "card design", "form design", "button design", "refactoring UI", "design tokens", "dark mode", "responsive design".
$npx -y skills add booklib-ai/booklib --skill refactoring-uiInstalls into the current project.
Run `npx skills use "https://github.com/booklib-ai/booklib" --skill "booklib-ai/booklib/refactoring-ui"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/booklib-ai/booklib" that are relevant to the current task. Run `npx skills add "https://github.com/booklib-ai/booklib"` and select the relevant skills, then follow their instructions.