无瑕疵 UI 深度探索
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c47cf70/impeccable-pro。
技能介绍
问题:UI 项目常在“能用”和“可维护”之间反复返工
很多 UI深度探索 并不是卡在功能实现,而是卡在交付标准上。资料把常见质量陷阱列为:Works on my machine、只覆盖 happy path、性能留到后面、可访问性被当成可选、文档承诺“明天补”。如果团队缺少统一验收口径,代码、测试、文档和体验细节会持续消耗工程时间。
工作方式:用 Impeccable 流程约束交付
该技能强调 先设计后编码,并把 UI 深度探索拆成六个阶段:
- Design Before Code:先明确需求、架构、接口、边界条件和错误场景。
- Flawless Implementation:首版代码就要求命名、职责、错误处理与风格一致。
- Comprehensive Testing:覆盖公共函数、边界输入、错误路径与关键集成链路。
- Rigorous Review:先自审警告、调试代码、性能、安全性,再进入评审。
- Perfect Documentation:更新
README、API 文档、示例和迁移说明。 - Perfect Polish:打磨错误提示、加载状态、可访问性、命名和提交信息。
边界:适合质量敏感交付,不替代产品决策
它适合生产级组件、高可见功能、长期维护库和展示型项目。它主要约束工程与体验质量,不替团队决定需求优先级,也不替代设计评审。使用时应把 Impeccable 理解为可交付的专业标准,而不是无意义的完美主义。
使用场景
- 重构高可见度的落地页组件时,按设计清单补齐边界状态、加载与错误提示。
- 为长期维护的设计系统组件库准备发布,检查可访问性、测试覆盖和 API 文档。
- 评审 UI 功能代码前,先用自审清单排除调试代码、魔法字符串与 lint 警告。
- 处理生产级表单或支付入口时,补齐错误场景、性能预算和文档迁移说明。
适合人员
- 维护高可见度前端组件的产品工程师,需要把错误态、加载态和可访问性做到发布前可验收。
- 负责设计系统或公共 UI 库的工程师,需要统一 API 文档、测试覆盖和 breaking changes 说明。
- 做 portfolio 或客户演示页的前端开发者,需要首版代码、测试和打磨细节都能对外展示。
- 需要在 deadline 前守住 UI 质量标准的工程负责人,要判断哪些缺陷不能带上线。