打磨现有界面
impeccable · Paul Bakaus通过 critique、polish、typeset 等指令,逐步改进已有界面的层次、排版与细节。
- 输出
- 界面评审与修改
- 需要
- 可运行的网页项目与文件读写
ZIP · 848 KB · Apache-2.0
用途与边界
- 准备什么
- 一个可以本地运行的页面,以及产品背景。
- 运行条件
- 可运行的网页项目,以及能检查、编辑项目文件的 AI 工具。
- 使用边界
- 安装器可能添加项目 hooks 和运行引擎,请阅读原作者说明;设计取舍仍需你确认。
试一个设计任务
技能加载后,复制任务并替换为你的需求。
使用 impeccable 评审首页,重点看信息层次、留白和主要操作。修改前,先说明最能帮助访客的三处改进。保留现有品牌和功能,再打磨这些改动,并检查手机布局。安装说明
适用于 Claude 的 Code/项目入口;聊天和 Cowork 的技能在账户设置中管理。
放入技能目录,或使用安装命令
下载并解压,保留完整的 impeccable 文件夹,放入项目的 .claude/skills/ 目录。ZIP 包含技能和启动脚本;如需自动 hooks,请使用作者安装器。
或在项目终端运行命令,需要 Node.js / npx。命令获取作者最新版本,可能与下载包不同。
查看原作者安装说明npx impeccable install --providers=claude --scope=project确认技能已加载
重新打开工具,在技能列表中确认 impeccable 可用。若没有出现,请按原作者说明检查安装目录。
首次使用先让工具运行 impeccable init。
检查结果
- 页面层次让下一步操作一目了然。
- 间距和字体层级保持一致。
- 原有交互功能仍然可用。
