Use when refactoring existing React Native, Next.js, or TypeScript UI code to apply modern design principles and aesthetic excellence - analyzes current implementation, applies design presets, maintains functionality while elevating visual quality
Install
npx skills add apexscaleai/claude-ui-design-system --skill ui-refactoring-workflownpx skills add apexscaleai/claude-ui-design-system --skill ui-refactoring-workflow -a claude-code -gnpx skills add apexscaleai/claude-ui-design-system --skill ui-refactoring-workflow -a codex -ggemini skills install https://github.com/apexscaleai/claude-ui-design-system.git --path refactoring/ui-refactoring-workflowgh skill install apexscaleai/claude-ui-design-system ui-refactoring-workflowgit clone --depth 1 https://github.com/apexscaleai/claude-ui-design-system /tmp/apexscaleai__claude-ui-design-system
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/apexscaleai__claude-ui-design-system/refactoring/ui-refactoring-workflow ~/.claude/skills/ui-refactoring-workflow # Claude Code
cp -R /tmp/apexscaleai__claude-ui-design-system/refactoring/ui-refactoring-workflow ~/.agents/skills/ui-refactoring-workflow # Codex, Cursor, Gemini CLI, Copilot, OpenCode