Comprehensive UI design guidance based on Refactoring UI principles covering design personality, color theory, layout strategy, visual hierarchy, typography, spacing, mobile-first responsive design, and writing copy that doesn't read like AI wrote it. Use this skill whenever the user is creating new pages, building components, making design additions or changes, reviewing UI code, asking about design decisions (colors, fonts, spacing, layout), writing or editing interface copy, or discussing visual improvements. Trigger for any design-related conversation including "how should this look", "what color", "font size", "spacing", "layout", "responsive", "mobile", "this copy", "headline", "button text", "microcopy", or when reviewing/critiquing existing interfaces.
$npx -y skills add jaywilburn/refactoring-ui-skill --skill refactoring-uiInstalls into the current project.
Run `npx skills use "https://github.com/jaywilburn/refactoring-ui-skill" --skill "jaywilburn/refactoring-ui-skill/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/jaywilburn/refactoring-ui-skill" that are relevant to the current task. Run `npx skills add "https://github.com/jaywilburn/refactoring-ui-skill"` and select the relevant skills, then follow their instructions.