用途:把功能可用但视觉普通的界面改造为具有设计感的 UI/UX,适合无设计稿、以视觉打磨和微交互为优先级的场景。
主要能力:基于 React 与 Framer Motion、Tailwind CSS 的组件美化;配色与字体层级设计;悬停、加载、成功态等微交互;玻璃拟态卡片、骨架屏 shimmer 等常见模式;无障碍与响应式质量检查(文字对比度 ≥4.5:1、焦点指示、prefers-reduced-motion、移动优先断点、触控目标 ≥44x44px)。
使用方式:作为技能被调用后,对给定组件先做视觉分析(情感、层级、交互、留白),再增强颜色与排版,最后补充微交互。资料给出的工作流为“功能组件→视觉基础→微交互打磨”三步,并以商品卡为例展示。
适用场景:需要视觉提升的前端界面、缺少专职设计师时的 UX 改进、组件样式创意设计。
限制:不适合后端逻辑/API 开发、纯代码重构、单纯性能优化、安全开发、数据库或基础设施工作。资料中提及的参与度提升 20-40%、视觉吸引力提升 5 倍等为预期效果表述,实际结果暂未提供可验证数据。安装或调用命令暂未提供。