teach-impeccable

概览

什么是 teach-impeccable？

teach-impeccable 是一款 UI 设计技能，帮助你捕捉并保存项目的设计上下文，包括品牌资产、设计令牌和用户体验偏好。只需运行一次，即可为团队或未来的工作会话建立一致的界面美学和设计方向基础。

谁适合使用 teach-impeccable？

这款技能非常适合设计师、开发者和产品团队，尤其是在启动新项目、协作成员入职或规范设计系统时，帮助他们建立清晰且持久的设计规范。

它解决了哪些问题？

• 通过早期记录视觉标准，防止设计偏差
• 方便引用品牌资产和设计令牌
• 明确用户体验和品牌预期，简化新成员入职
• 支持多贡献者之间保持一致的 UI 设计

使用方法

安装步骤

1. 使用以下命令安装 teach-impeccable：

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

2. 查看 SKILL.md 文件，获取详细的操作指导。

初始设置流程

• 浏览代码库：检查 README.md、package.json、设计库和现有组件，了解当前设计模式和资产。
• 确认品牌资产：定位标志、色彩方案和风格指南。
• 记录设计令牌：注意 CSS 变量、字体栈和间距尺度。
• 澄清不明确的部分：针对用户、品牌个性和审美偏好提出具体的 UX 问题。

持久化设计上下文

teach-impeccable 会将你的设计上下文保存到 AI 配置文件中，确保未来所有会话和协作者都能访问。

推荐查看的文件

• 从 SKILL.md 开始，了解主要流程
• 可选查看 README.md、AGENTS.md 和 metadata.json，获取辅助背景信息

常见问题

teach-impeccable 适合所有项目吗？

teach-impeccable 最适合需要保持 UI 一致性和设计系统清晰度的项目。如果你的项目设计需求较少或不需要持久化规范，可能不必使用。

我可以自定义工作流程吗？

可以。你可以根据代码库结构、工具和团队需求调整 teach-impeccable 的工作流程。该技能提供了灵活的框架，用于收集和记录设计上下文。

支持文件和脚本在哪里？

在代码库的 Files 标签页中查看完整文件树，包括嵌套引用和辅助脚本，获取更深入的上下文。

我应该多久运行一次 teach-impeccable？

项目初始化时运行一次，设计发生重大变更或有新成员加入时再次运行。