normalize

概览

什么是 normalize 技能？

normalize 技能用于审计并重新调整用户界面，使其符合您的设计系统标准、间距、令牌和模式。它适合希望确保 UI 保持视觉一致性并遵循既定设计原则的团队和个人，尤其是在功能偏离预期系统或出现不一致迹象时。

谁应该使用 normalize？

normalize 非常适合 UI 设计师、前端工程师和设计系统维护者，他们需要：

• 识别并修正设计偏差或样式不匹配
• 使功能重新符合设计系统的令牌和模式
• 审核 UI 的一致性和标准遵循情况

normalize 解决的问题

• 发现并处理 UI 组件中的不一致
• 帮助团队遵循设计系统指南
• 减少零散实现和视觉错位

使用方法

安装步骤

1. 将技能添加到您的项目中：
   使用以下命令从 Impeccable 技能仓库安装 normalize：

   npx skills add https://github.com/pbakaus/impeccable --skill normalize

2. 查看关键文档：

   • 从 SKILL.md 开始，了解主要工作流程和需求。
   • 查阅 README.md、AGENTS.md 和 metadata.json 获取辅助信息。
   • 探索 rules/、resources/、references/ 或 scripts/ 文件夹，获取更多背景和工具。

工作流程概览

• 必备准备：
  • 调用 /frontend-design 以获取设计原则和上下文收集协议。如果没有设计上下文，先运行 /teach-impeccable。
• 规划阶段：
  • 研究您的设计系统文档、UI 指南和组件库。
  • 分析当前功能的偏差及不一致的根本原因。
  • 制定规范化计划，列出具体变更需求。
• 执行阶段：
  • 按计划应用变更，更新 UI 元素，确保所有令牌和模式符合设计系统。
• 清理阶段：
  • 审核变更的完整性，记录任何更新或例外情况。

适应您的工作流程

normalize 灵活可调——根据您的代码库、工具和团队流程调整其指导。不要逐字复制指令，而是将该技能作为 UI 对齐最佳实践的参考。

常见问题

什么时候应该使用 normalize？

当您发现 UI 不一致、设计偏差或令牌不匹配时，使用 normalize 将功能重新调整至设计系统标准。

应该先查看哪些文件？

从 SKILL.md 开始，全面了解规范化流程。README.md 和 AGENTS.md 等辅助文件提供更多背景信息。

normalize 会自动修改吗？

不会，normalize 提供结构化的工作流程和最佳实践，指导您手动进行 UI 审计和重新调整。它涵盖准备、规划、执行和审查阶段。

哪里可以找到更多细节或脚本？

打开仓库的 Files 标签，探索所有可用资源，包括辅助脚本和更深入集成的参考资料。