关于 impeccable
impeccable 是用于 UI/UX 设计工作的 Agent 技能,适合需要规划、审查和改进界面的产品与设计团队。它提供覆盖设计评审、可访问性、性能和响应式检查的命令,并通过 PRODUCT.md 保存产品背景。
主要功能
- 01规划 UX/UI 并记录产品背景
- 02审查设计并进行启发式评分
- 03检查可访问性、性能和响应式布局
- 04按目标调整界面设计
- 05检测设计反模式
适用场景
- 01开始 UI 编码前规划界面体验
- 02检查现有界面的设计与技术质量
- 03为产品生成设计文档
- 04针对特定界面元素迭代设计
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ podo/ design-agent-skills --skill impeccable安装后在 Claude Code 中输入/impeccable确认已加载。
附带文件stub.yaml
详细介绍
impeccable
目录条目 — 完整技能:pbakaus/impeccable
决策树
-
是否已安装完整技能?
- 全局:
f=~/.agents/skills/impeccable/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer" - 项目:
f=.agents/skills/impeccable/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer" installed→ 技能已安装为impeccable,调用它并继续pointer→ 转到第 2 步
- 全局:
-
检测范围,然后安装:
[ -e ~/.agents/skills/impeccable ] && echo "global" || echo "project"全局:
npx skills add pbakaus/impeccable --skill impeccable -g -y项目:
npx skills add pbakaus/impeccable --skill impeccable -yClaude Code: 发送以
!开头的聊天消息来执行命令,无需离开当前对话。
Claude Code 插件安装方式:
/plugin marketplace add pbakaus/impeccable
/plugin install impeccable@impeccable
注意事项
- 要求: 该技能的启动器(scripts/impeccable)会在首次运行时将原生引擎二进制文件下载到 ~/.impeccable/bin;匿名使用情况遥测默认开启(可通过 IMPECCABLE_NO_TELEMETRY=1 或 DO_NOT_TRACK=1 选择退出)
- 许可证: Apache-2.0
- 下载量较大(约 854 MB): skills CLI 会在克隆 300 s 后放弃;如果超时,请使用
SKILLS_CLONE_TIMEOUT_MS=900000重试。
安装后调用
- 技能名称:
impeccable - 运行
/impeccable <command> <target>,并在每个项目中运行一次/impeccable init以采集 PRODUCT.md - 安装后重启 Agent 会话,以加载技能和命令
npx skills add 只会安装技能。上游自带的安装程序(npx impeccable install)还会注册编辑钩子,在 UI 文件编辑后运行设计检测器;使用前请先检查这些钩子。
功能
单个技能,命令调用方式为 /impeccable <command>:
| 命令 | 用途 |
|---|---|
shape | 编写代码前规划 UX/UI |
init / document | 采集产品背景信息(PRODUCT.md),并根据现有代码生成 DESIGN.md |
critique | 使用启发式评分进行 UX 设计评审 |
audit | 技术质量检查(无障碍性、性能、响应式) |
polish | 发布前的最终质量检查 |
bolder / quieter / distill | 强化、柔化或简化设计 |
animate / colorize / typeset / layout / delight | 针对性增强 |
harden / onboard / clarify / adapt / optimize | 边缘情况、首次运行流程、UX 文案、响应式、性能 |
live / generate | 在浏览器中选择元素并迭代不同变体 |
| + 更多 | 请参阅上游 README 和技能的命令表 |
它还附带一个设计反模式检测器,可从命令行运行。命令会读取 PRODUCT.md 以获取持久的产品背景信息;如果缺少该文件,技能会为新的界面运行 init,而不是自行猜测。
不适用场景
- 后端、API 或数据管道工作
- 非 UI 任务(路由、身份验证、数据库)
- 深入的色彩科学工作,例如生成 OKLCH 调色板(请使用
color-expert)
评论
支持 Markdown