Impeccable 新手教程

第六章 · 23 命令速查

全部命令按「什么时候会想用它」分成 7 组;带 高频 标记的是最常用的几个,其余按需取用。全部支持跟目标参数,如 /impeccable audit settings。

1全流程 · 每个新项目都从这里过

命令做什么
/impeccable init 高频一次性初始化:收集持久产品事实写 PRODUCT.md,视情况配置 live 模式,记录 buildPath
/impeccable craft 高频主力命令:完整「先 shape 再 build」流程,带可视化迭代(见第四章)

2定方向 · 建立与沉淀设计系统

命令做什么
/impeccable shape写代码之前先规划 UX / UI:结构、层次、视觉方向
/impeccable document从现有代码反向归纳出根目录 DESIGN.md(老项目第一步)
/impeccable extract把可复用组件与设计令牌提取进设计系统

3审查 · 上线前的三道闸门

命令做什么
/impeccable critique 高频UX 设计评审:层次、清晰度、情感共鸣;报告写入 .impeccable/critique/
/impeccable audit 高频技术质量体检:无障碍、性能、响应式
/impeccable polish最终一遍:对齐设计系统 + 发布就绪检查

4调力度 · 「感觉不对」专用

命令做什么
/impeccable bolder设计太平庸无聊?放大对比与视觉锚点
/impeccable quieter设计太吵?降噪、收敛
/impeccable distill剥离到本质:去掉一切可去的元素

5局部精修 · 单维度动手

命令做什么
/impeccable typeset修字体选择、层级与字号
/impeccable colorize有策略地引入色彩
/impeccable layout修布局、间距、视觉节奏
/impeccable animate添加有目的的动效
/impeccable delight添加愉悦时刻(克制的微交互)
/impeccable overdrive添加技术惊艳的效果(招牌级细节)
/impeccable clarify改写含糊的 UX 文案
/impeccable adapt适配不同设备与视口

6健壮性与旅程 · 容易漏的两类

命令做什么
/impeccable harden加固:错误处理、国际化、文本溢出、边缘情况
/impeccable optimize性能改进
/impeccable onboard首次运行流程、空状态、激活路径

新项目最容易漏的就是这三个:harden 查的长尾(超长昵称截断、空列表、弱网提示)恰恰是上线后被吐槽最多的地方。

7浏览器 · 换个方式迭代

命令做什么
/impeccable live 高频可视化变体模式:在浏览器里点选元素出变体,选中后写回源码(详见第七章)

嫌前缀长?给高频命令做快捷方式:/impeccable pin audit 之后就可以直接输 /audit。

下一步

进入第七章:live 实时迭代——本教程里「最好玩」的部分。

Impeccable 新手教程