mcpField
I
impeccable

impeccable

github.com/podo设计与 UI29201 次安装4 天前更新
代码仓库

关于 impeccable

impeccable 是用于 UI/UX 设计工作的 Agent 技能,适合需要规划、审查和改进界面的产品与设计团队。它提供覆盖设计评审、可访问性、性能和响应式检查的命令,并通过 PRODUCT.md 保存产品背景。

主要功能

  1. 01规划 UX/UI 并记录产品背景
  2. 02审查设计并进行启发式评分
  3. 03检查可访问性、性能和响应式布局
  4. 04按目标调整界面设计
  5. 05检测设计反模式

适用场景

  1. 01开始 UI 编码前规划界面体验
  2. 02检查现有界面的设计与技术质量
  3. 03为产品生成设计文档
  4. 04针对特定界面元素迭代设计

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill impeccable

安装后在 Claude Code 中输入/impeccable确认已加载。

附带文件stub.yaml

详细介绍

impeccable

目录条目 — 完整技能:pbakaus/impeccable

决策树

  1. 是否已安装完整技能?

    • 全局: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 步
  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 -y
    

    Claude 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