pbakaus/impeccable
项目介绍
让您的AI更擅长设计的视觉语言体系。
The design language that makes your AI harness better at design.
智能解读
智能标签
使用场景
最适合需要借助AI生成高质量、专业化前端设计，同时避免常见设计陷阱的场景。
快速提升AI设计质量
使用AI生成前端设计时，经常出现千篇一律的Inter字体、紫色渐变、卡片嵌套卡片等模板化设计问题。
通过Impeccable的frontend-design技能和17个命令，为AI提供专业的设计指导，避免常见设计陷阱，生成更专业、独特的设计方案。
在Claude中加载Impeccable后，使用`/polish`命令对AI生成的登录页面进行优化，自动替换默认字体、调整颜色对比度、优化间距系统。
设计系统一致性检查
团队多人协作时，不同成员使用AI生成的设计组件风格不一致，难以维护统一的设计语言。
使用`/normalize`命令将AI生成的设计对齐到团队设计系统标准，确保颜色、间距、字体等设计要素的一致性。
新成员用AI生成了一个按钮组件，使用`/normalize`命令将其颜色调整为团队指定的OKLCH色系，间距对齐8px基准网格。
设计可访问性审计
AI生成的设计往往忽略可访问性要求，如颜色对比度不足、焦点状态缺失等。
使用`/audit`命令进行技术质量检查，自动识别并修复可访问性、性能、响应式设计等问题。
AI设计了一个深色模式界面，使用`/audit`命令检查发现多处文本对比度不达标，自动调整为符合WCAG标准的颜色。
设计情感化增强
AI生成的设计虽然功能完整，但缺乏情感共鸣和用户愉悦感，显得机械呆板。
使用`/delight`命令为设计添加愉悦时刻，或使用`/animate`命令添加有目的性的动效，提升用户体验。
一个电商结账流程过于枯燥，使用`/delight`命令在支付成功时添加微妙的庆祝动画和友好的确认文案。
项目健康度
今日有提交
平台 Star TOP 12% · Forks 793
本周 +3,653 ⭐ · 本月 +14,612 ⭐
1 位贡献者 · 0 条平台评论
缺少 3 项内容
2 项改进建议
- 社区：贡献者较少，可通过完善文档和社区运营吸引更多参与者
- 文档：完善项目文档（截图、AI 分析等）可提升健康度得分
项目信息
赞赏支持
如果本站对你有帮助，欢迎打赏支持
微信
支付宝
Widget 徽章
相关项目推荐
facebook/react
适用于网页和原生用户界面的开发库
trekhleb/javascript-algorithms
📝 使用 JavaScript 实现的算法与数据结构，含解释说明和延伸阅读链接
twbs/bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
airbnb/javascript
JavaScript 代码风格指南
affaan-m/everything-claude-code
智能体性能优化系统。为Claude Code、Codex、Opencode、Cursor等工具提供技能、本能、记忆、安全及研究优先的开发支持。
vercel/next.js
React框架
加载评论中...