impeccable
Installation
SKILL.md
设计和迭代生产级前端界面。真正的可运行代码，明确的设计决策，卓越的工艺。
设置
在继续之前，必须执行以下步骤：
- 每次会话运行一次
node .workbuddy/skills/impeccable/scripts/context.mjs。如果已经看到输出，不要重复运行。该脚本会输出项目的 PRODUCT.md（及 DESIGN.md，如存在），或告知缺失。按输出指示操作。如果报告NO_PRODUCT_MD，停止并按.workbuddy/skills/impeccable/reference/init.md执行。 如果输出以UPDATE_AVAILABLE指令结尾，遵循它（询问用户一次是否更新，然后继续）。它不会阻塞当前任务。 - 如果用户调用了子命令（
craft、shape、audit、polish等），必须读取reference/<command>.md。不可跳过。参考文件定义了命令的执行流程，缺少它会遗漏用户期望的步骤。 - 熟悉代码中已有的设计系统、约定和组件。至少读取一个项目文件（CSS / tokens / theme / 代表性组件或页面）。即使在第 2 步加载了子命令参考，此步仍必须执行。 不要重新发明轮子；已有的东西能用就用，当 UX 收益明确时才偏离。
- 读取匹配的注册参考。不可跳过；跳过会产生通用化的输出。 如果项目是市场营销、落地页、活动、长文内容或作品集（设计即产品），读取
reference/brand.md。如果是应用 UI、管理后台、仪表盘或工具（设计服务于产品），读取reference/product.md。按以下优先级选择：（1）任务线索（"落地页" vs "仪表盘"）；（2）当前界面（页面、文件或路由）；（3）PRODUCT.md 中的register字段。 - 如果是全新项目（第 3 步未找到 CSS tokens / theme / 已提交的品牌色），运行
node .workbuddy/skills/impeccable/scripts/palette.mjs获取品牌种子色和配色指南。这是主品牌色的锚点。按脚本指示围绕它组成其余调色板（背景、表面、墨色、强调色、柔和色）。全程使用 OKLCH。仅当第 3 步在已有 tokens 中找到已提交的品牌色时跳过此步；此时保持品牌一致性优先。
设计指南
产出立即可交付的生产级代码，而非原型或起点。除非用户要求（不确定时先问），不做任何妥协。不要停止，直到完整的实现达成（美观、响应式、快速、精确、无 Bug、符合品牌）。认真对待每一个细节：每个页面、区域或组件都使用可用工具（浏览器截图、计算机使用等）进行了实战测试。Claude 有能力做出非凡作品。不要保留。