| name | impeccable |
| description | 前端设计工艺 skill。当用户要 design/redesign/shape/critique/audit/polish/clarify/distill/harden/optimize/adapt/animate/colorize/extract 或改进前端界面时使用。覆盖网站/落地页/仪表盘/产品 UI/组件/表单/设置/onboarding/空状态。也用于 UX review、视觉层级、信息架构、可访问性、响应式、theming、anti-patterns、typography、motion、micro-interactions。当用户说"UI 太丑"、"AI 味太重"、"polish 一下"、"craft 一个落地页"、"shape 这个组件"时调用，或 agent 在生成前端代码前/后主动调用以避免 AI slop。
|
| task_type | dev.impeccable |
| trust | adapted |
| upstream_repo | https://github.com/pbakaus/impeccable |
| upstream_path | .agents/skills/dev/impeccable/upstream/ |
| upstream_fused_at | 2026-07-21T00:00:00.000Z |
| upstream_license | Apache-2.0 |
| upstream_version | 3.9.1 |
impeccable — 前端设计工艺 skill
何时调用此 skill
用户显式触发：
- "帮我做一个落地页 / dashboard / 产品 UI"
- "这个页面看起来太丑 / 太 AI 味，改改"
- "design a new app / landing page"
- "polish 一下这个组件 / 这个页面"
- "audit 一下页面 AI 痕迹"
- "shape the visual identity / 调色板"
- "critique 我的 UI 设计"
- "distill 这个设计的 DNA 抽出来"
Agent 主动触发：
- 用户要做新前端页面/组件前，先调用
craft 或 shape 命令规范设计流程
- 现有 UI 触发了 absolute bans（side-stripe borders / gradient text / glassmorphism / identical card grids / tiny uppercase tracked eyebrow / numbered section markers 等），立即重写而非修补
- 生成大量前端代码后，用
audit 命令自检 AI slop
- 用户抱怨现有 UI "看起来 generic / 千篇一律 / 没设计感"时
与 hallmark 的边界
| Skill | 偏向 | 触发场景 |
|---|
| impeccable（本 skill） | 工程化设计工艺 | 偏向"如何做好一个 UI"——含 23 个命令的完整设计工艺流程，覆盖 craft/audit/polish/critique/distill 等 |
| hallmark | 反 AI-slop 专项 | 偏向"如何避免 AI 味"——含 58 条 slop-test 检查门 + 20 个主题 + 4 动词（build/audit/redesign/study） |
两者可叠加：用 impeccable craft 出 UI 后，用 hallmark audit 检查是否还有 AI slop；反之亦然。
完整工作流文档
完整工作流文档位于本地 upstream/ 档案：.agents/skills/dev/impeccable/upstream/SKILL.md（含 23 个命令的完整规范 + 设计规范 Color/Typography/Layout/Motion/Interaction + Absolute bans + AI slop test + Setup 流程）。本 wrapper 提供路径适配和命令路由决策，具体命令执行细节请读对应文件。
命令清单（23 个）
每个命令的详细规范位于 reference/<command>.md，原生平台（iOS/Android）变体读 reference/<command>.native.md。
| 命令 | 用途 | 触发场景 |
|---|
init | 项目初始化 | 全新项目无 PRODUCT.md 时 |
craft | 从零精造 UI | "做一个新页面 / 新组件" |
