pbakaus/impeccable — 23 个命令的前端设计语言，让 AI 生成的 UI 摆脱模板感（32k ⭐）
0 次浏览
2026/6/2
pbakaus/impeccable — 让 AI 生成的前端 UI 摆脱模板感
GitHub: https://github.com/pbakaus/impeccable Stars: 32,724 (今日 trending) 定位: Anthropic 官方 frontend-design Skill 的深度进化版
解决的问题
所有模型在同样的 SaaS 模板上训练，不加指引就会输出同样的设计告示：Inter 字体、紫蓝渐变、卡片套卡片、灰文字配彩色背景、每个标题上方的圆角图标块。Impeccable 系统性消灭这些模式。
内容构成
7 个领域参考手册：
- 排版（字体配对、模块化比例、OpenType）
- 色彩与对比度（OKLCH、深色模式、无障碍）
- 空间设计（间距系统、网格、视觉层级）
- 动效设计（缓动曲线、交错、reduced motion）
- 交互设计（表单、焦点态、加载模式）
- 响应式设计（移动优先、流体、容器查询）
- UX 文案（按钮标签、错误信息、空状态）
23 个命令（部分）：
/impeccable craft # 完整设计→构建流程
/impeccable audit # 无障碍+性能+响应式检查
/impeccable bolder # 放大无聊设计
/impeccable quieter # 收敛过于强烈的设计
/impeccable animate # 添加有意图的动效
/impeccable live # 浏览器内视觉变体迭代
27 条确定性反模式规则 — CLI 和浏览器扩展无需 LLM 即可运行检查。
适合场景
用 Claude Code 做产品前端、个人项目、或需要系统性设计质量保障的开发者和设计师。
免责声明
本站内容主要用于信息整理、技术研究与经验分享，不对第三方产品或服务的可用性、完整性作出任何明示或暗示的保证。
- 本站所分享的资源、工具、教程等内容仅供学习与研究参考，请勿用于商业用途。
- 部分内容可能来源于公开网络或开源社区，如涉及版权或其他合法权益问题，请通过联系方式与我们联系，我们将在核实后及时处理。
- 如需将相关内容用于商业产品或盈利性业务，请自行联系权利方获取正式授权。
- 因不当使用引发的版权或合规风险，由使用者自行承担。
- 外部链接失效或无法访问属于正常现象，本站不保证所有链接的持续有效性。
转载或引用本文内容，请保留原文链接并注明来源。
评论
加载中...