Impeccable 命令概览

预计阅读时间: 4 分钟

Impeccable 是一个强大的设计系统技能,包含 23 个命令,通过 /impeccable <command> 语法调用。这些命令覆盖了从创建到优化的完整设计工作流。

命令分类

Impeccable 的 23 个命令按功能分为 6 个类别:

Create(创建)

命令说明
craft从零开始创建新的设计组件或页面
impeccable创建符合设计系统的完整页面
shape塑造现有元素的设计结构

Evaluate(评估)

命令说明
audit审计设计系统的一致性和质量
critique对设计进行批判性分析和改进建议

Refine(优化)

命令说明
animate添加动画和过渡效果
bolder增强视觉冲击力和大胆程度
colorize调整和优化色彩方案
delight添加愉悦的微交互细节
layout优化布局结构和间距
overdrive全面提升设计质量
quieter降低视觉噪音,简化设计
typeset优化排版和字体设置

Simplify(简化)

命令说明
adapt适配不同屏幕尺寸和设备
clarify提升内容的清晰度和可读性
distill提炼核心信息,去除冗余

Harden(加固)

命令说明
harden加强代码的健壮性和错误处理
onboard改善新用户的引导体验
optimize性能优化和资源压缩
polish最终细节打磨和质量检查

System(系统)

命令说明
document生成设计文档和使用指南
extract从代码中提取设计令牌和组件
live启动实时预览开发服务器

Pin 命令

你可以将常用命令固定为快捷方式,避免重复输入完整命令语法。

固定命令

/impeccable pin audit        # 固定 audit 命令
/impeccable pin critique     # 固定 critique 命令
/impeccable pin craft        # 固定 craft 命令

使用固定命令

固定后,可以直接使用简短语法:

/impeccable audit blog       # 审计博客页面
/impeccable critique landing # 批判性分析落地页
/impeccable craft hero       # 创建 Hero 组件

取消固定

/impeccable unpin audit      # 取消固定 audit 命令

使用示例

评估现有设计

# 审计整个网站的设计一致性
/impeccable audit website

# 对落地页进行批判性分析
/impeccable critique landing

# 审计博客模块
/impeccable audit blog

创建新组件

# 从零创建 Hero 组件
/impeccable craft hero

# 创建符合设计系统的登录页面
/impeccable impeccable login

# 塑造卡片组件的结构
/impeccable shape card

优化现有设计

# 添加过渡动画
/impeccable animate button

# 增强视觉冲击力
/impeccable bolder hero

# 优化排版
/impeccable typeset article

# 简化导航设计
/impeccable distill navigation

加固和优化

# 加强表单验证
/impeccable harden form

# 优化图片加载
/impeccable optimize images

# 改善移动端适配
/impeccable adapt responsive

# 最终打磨
/impeccable polish all

下一步