推荐开发工程师设计师创意设计流程优化

Impeccable 前端设计

Impeccable Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Includes 17 commands (/polish, /distill, /audit, /bolder, /quieter, etc.) and curated anti-patterns to avoid generic AI aesthetics.

作者: Paul Bakausv1.2.0来源:
Frontend DesignUIUXCSSAccessibilityDesign SystemAnti-PatternsRemotion

Impeccable 前端设计

技能概览

Impeccable 强调“有明确审美立场、可上线、可维护”的前端设计实现,目标是避免同质化的 AI 风格,做出有辨识度的界面。

设计原则

  • 先确定强风格方向,再执行到位(极简/极繁都可)
  • 重视排版、颜色、间距、动效的一致性
  • 通过 CSS 现代能力(如 clamp()oklch、容器查询)提升质量
  • 优先可用性、性能和可访问性

反模式(避免)

  • 千篇一律卡片墙与模板化 hero
  • 过度依赖默认字体与默认配色
  • 无意义动效和装饰性噪声
  • 移动端通过“隐藏功能”凑适配

使用建议

每次设计迭代至少完成一次系统化审视:视觉层级、交互反馈、性能、无障碍。