pbakaus / impeccable

Problem: 使用AI生成前端设计时，经常出现千篇一律的Inter字体、紫色渐变、卡片嵌套卡片等模板化设计问题。

Solution: 通过Impeccable的frontend-design技能和17个命令，为AI提供专业的设计指导，避免常见设计陷阱，生成更专业、独特的设计方案。

Example: 在Claude中加载Impeccable后，使用`/polish`命令对AI生成的登录页面进行优化，自动替换默认字体、调整颜色对比度、优化间距系统。

Problem: 团队多人协作时，不同成员使用AI生成的设计组件风格不一致，难以维护统一的设计语言。

Solution: 使用`/normalize`命令将AI生成的设计对齐到团队设计系统标准，确保颜色、间距、字体等设计要素的一致性。

Example: 新成员用AI生成了一个按钮组件，使用`/normalize`命令将其颜色调整为团队指定的OKLCH色系，间距对齐8px基准网格。

Problem: AI生成的设计往往忽略可访问性要求，如颜色对比度不足、焦点状态缺失等。

Solution: 使用`/audit`命令进行技术质量检查，自动识别并修复可访问性、性能、响应式设计等问题。

Example: AI设计了一个深色模式界面，使用`/audit`命令检查发现多处文本对比度不达标，自动调整为符合WCAG标准的颜色。

Problem: AI生成的设计虽然功能完整，但缺乏情感共鸣和用户愉悦感，显得机械呆板。

Solution: 使用`/delight`命令为设计添加愉悦时刻，或使用`/animate`命令添加有目的性的动效，提升用户体验。

Example: 一个电商结账流程过于枯燥，使用`/delight`命令在支付成功时添加微妙的庆祝动画和友好的确认文案。