cw-impeccable-design

name	cw-impeccable-design
description	Frontend design skill from pbakaus/impeccable, ported for CreatorWeave. Trigger when user asks to design, redesign, refine, polish, audit, critique, distill, harden, animate, colorize, typeset, layout, clarify, adapt, optimize, extract, document, init, shape, bolder, quieter, delight, overdrive, onboard, live-iterate, or ux-review any frontend UI work. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, empty states. Handles visual hierarchy, information architecture, cognitive load, a11y, performance, responsive, theming, anti-patterns, typography, spacing, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, design systems, tokens. Also use for bland designs that need to become bolder, loud designs that need to become quieter, or ambitious visual effects that should feel technically extraordinary.
category	general
tags	["design","frontend","ux","ui","review","polish","anti-pattern","design-system"]
triggers	{"keywords":["polish","audit","critique","distill","harden","typeset","layout","animate","colorize","clarify","adapt","optimize","extract","document","init","shape","live","bolder","quieter","delight","overdrive","onboard","refine","redesign","frontend","design review","ux review","ui design","design system","anti-pattern","micro-interaction","impeccable","精修","抛光","打磨","审查","审计","评估","批评","设计审查","设计评估","改版","重做","改进","提炼","硬固","动画","动效","配色","字体","排版","布局","澄清","适配","优化","提取","文档化","塑形","大胆","安静","提亮","加深","ux 评审","ui 设计","前端设计","设计系统","反模式","微交互","上手引导"]}

Impeccable Design

Port of pbakaus/impeccable (Apache 2.0) — 1 skill, 23 commands, fight AI design slop. Original repo uses npx impeccable install for Claude Code/Cursor/Codex; this version is a pure-prompt skill for CreatorWeave, no install needed.

何时使用本 skill

直接触发（用户明确说某个 command）：

• 「帮我 polish 一下这个 hero」「/impeccable audit 这个页面」「/audit」「/polish」
• 「distill 这个设计」「bolder 一点」「quieter 一些」
• 「把这个 UI 适配 mobile」

隐式触发（用户在设计 / 改 UI / 找问题）：

• 用户粘贴一段代码问「怎么改更好看」
• 用户说「这个页面怎么这么丑」「我想要更专业的设计」
• 用户在做新页面/落地页/组件

不触发：

• 后端逻辑、纯数据处理、文档/文章写作
• 没有视觉输出的工作（CLI 工具、API、脚本）

---

核心哲学

This skill gives you the tools and permission to create design
that earns to be called out-of-distribution craft:

- Go all out. No hedging, no shortcuts.
- Dream big and bold. Distinct, beautiful, outstanding work.
- Verify in bounded passes, not a loop. Build fully, inspect
  once with a batched round (desktop and mobile together),
  fix everything it shows in one batch, confirm with at most
  one more round, and stop polishing.
- The brief wins. Honor pinned aesthetics, eras, materials,
  fonts, and palettes even when they conflict with a habit
  warning. Redirecting a clear brief toward your taste is
  failure.
- Refinement preserves; redesign replaces. Refinement keeps
  the incumbent identity, behavior, copy, and everything
  outside scope. Ask before replacing factual copy or adding
  claims.

AI slop 是什么：每个模型训练数据相同，默认会产出相同的几个特征——Inter 字体、紫蓝渐变、卡片套卡片、灰字配彩色背景、heading 上方的圆角图标方块。本 skill 的全部 command 都在对抗这些。

---

4 种 Mode

Mode 命名这个 surface 上访客的成功长什么样。一个产品可以同时有多个 surface（落地页 = Persuade，设置页 = Operate，文档 = Read）。

Mode	访客要做什么	典型 surface	设计优先级
Persuade	决定并行动	落地页、营销、活动页、定价页	注意力 + 行动，design IS the product
Operate	完成一个任务	App UI、仪表盘、编辑器、admin、设置、工具	可扫读性、一致性、原生预期；brand 活在细节里
Read	理解某事	文档、文章、指南、help、changelog	结构服务理解，然后让阅读体验值得停留
Experience	沉浸在作品里