impeccable

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	"做一个新页面 / 新组件"