跳到正文

打磨现有界面

impeccable · Paul Bakaus

通过 critique、polish、typeset 等指令,逐步改进已有界面的层次、排版与细节。

输出
界面评审与修改
需要
可运行的网页项目与文件读写
下载 Skill

ZIP · 848 KB · Apache-2.0

安装目录:.claude/skills/impeccable/

安装与示例
用途示意,非实测产出。

用途与边界

准备什么
一个可以本地运行的页面,以及产品背景。
运行条件
可运行的网页项目,以及能检查、编辑项目文件的 AI 工具。
使用边界
安装器可能添加项目 hooks 和运行引擎,请阅读原作者说明;设计取舍仍需你确认。

试一个设计任务

技能加载后,复制任务并替换为你的需求。

使用 impeccable 评审首页,重点看信息层次、留白和主要操作。修改前,先说明最能帮助访客的三处改进。保留现有品牌和功能,再打磨这些改动,并检查手机布局。
安装说明

适用于 Claude 的 Code/项目入口;聊天和 Cowork 的技能在账户设置中管理。

  1. 放入技能目录,或使用安装命令

    下载并解压,保留完整的 impeccable 文件夹,放入项目的 .claude/skills/ 目录。ZIP 包含技能和启动脚本;如需自动 hooks,请使用作者安装器。

    或在项目终端运行命令,需要 Node.js / npx。命令获取作者最新版本,可能与下载包不同。

    npx impeccable install --providers=claude --scope=project
    查看原作者安装说明
  2. 确认技能已加载

    重新打开工具,在技能列表中确认 impeccable 可用。若没有出现,请按原作者说明检查安装目录。

    首次使用先让工具运行 impeccable init。

检查结果

  • 页面层次让下一步操作一目了然。
  • 间距和字体层级保持一致。
  • 原有交互功能仍然可用。

用过后,任务完成了吗?

impeccable — Apiara