第三方开源精选 · Apache-2.0
整理本地科研主页的排版与视觉层级
Paul Bakaus 开发的第三方开源 Skill,用于检查和改进前端布局、字体层级、无障碍与响应式表现。
能做什么?
提供本地前端项目和明确任务,由助手协助找出问题,交付经过检查的源码修改和浏览器预览。
你准备
- 本地科研主页等前端项目、目标受众、真实内容,以及要改进的页面或组件。
- 品牌约束、已有设计上下文、代表性截图,以及要核对的桌面和手机尺寸。
你会得到
- 按优先级整理的问题,以及前端源码、布局、字体层级和响应式修改。
- 本地浏览器预览,以及检查结果、剩余问题和设计文档变更的简要记录。
文档核对:2026-10-20。AimatraLab 尚未完整执行安装与端到端工作流测试。
准备什么
在 Codex 或 Claude Code 中打开你自己的项目,使用具备读写文件和执行命令能力的项目对话。普通网页聊天未必能安装 Skill。
- 需要可访问本地前端文件、命令和浏览器预览的 Codex 或 Claude Code,以及项目原有开发环境。
- 所附 launcher 运行独立引擎二进制,首次使用可能下载。可选 npx 安装器需要 Node.js,launcher 本身不要求 Node.js。
- 先检查联网与隐私设置:版本检查、视觉方向目录、预览图和可选选择记录可能访问上游服务;付费图像生成需另行授权和凭证。
- 自动编辑 hooks 为可选功能。首次默认仅在当前项目安装、保持 hooks 关闭,并保留已有配置。
下面的请求在你自己的助手宿主环境中执行。本页提供使用指南,不在线运行 AI 任务,也不收集你的项目文件。
复制安装请求
把这段请求粘贴到项目对话中,让助手先检查原作者的 Skill,并说明所需环境,再开始使用。
安装请求
我正在使用具备项目文件和命令能力的 Codex 或 Claude Code。请检查 https://github.com/pbakaus/impeccable 固定 commit 46b822f7dda9f7dba799a9c7776fdc19b3a93559(Skill metadata 版本 4.7.0)、根目录 LICENSE 与 NOTICE.md,以及对应宿主的 Skill 格式。Codex 的收录来源为 .agents/skills/impeccable;Claude Code 请使用同一快照中的 .claude/skills/impeccable 格式。获取完整 Skill,包括 references、scripts、launcher 和附带的 agent 文件,仅安装到当前项目,不覆盖已有 Skill 或配置,保留作者署名、LICENSE 和 NOTICE.md。不启用自动 hooks、不修改 hook 清单、不全局安装、不使用强制覆盖选项。如建议官方 CLI 安装器,采用项目范围和 --no-hooks,执行前说明版本,未经核实不得声称与固定快照一致。执行 launcher 前说明引擎二进制下载、版本检查、目录请求与 telemetry 设置。不启用 API 密钥、付费图像生成或其他付费服务。完成后报告路径、源码 commit、Skill 版本和本宿主调用方式,再等待我的任务。
也可以直接选中上方请求文字,手动复制。
复制首次使用请求
确认安装完成后,把示例路径和任务细节换成你自己的文件,再在同一个项目中发送这段请求。
首次使用请求
请用已安装的 Impeccable Skill 改进我本地 sandbox/research-homepage/ 项目的布局和字体层级。先检查现有代码与预览,保留真实内容和品牌,简要指出最有价值的改进。调整层级、间距、文字可读性和对比度,并按 390px 与 1440px 宽度检查本地页面。交付可编辑源码、本地浏览器预览、检查结果与剩余问题。工作仅限此沙盒,不修改生产站、不部署、不改后端或登录、不启用自动 hooks,也不调用付费 API。使用依赖联网的设计模式前,先说明会发生哪些请求。
也可以直接选中上方请求文字,手动复制。
检查你得到的产物
- 按优先级整理的问题,以及前端源码、布局、字体层级和响应式修改。
- 本地浏览器预览,以及检查结果、剩余问题和设计文档变更的简要记录。
请助手说明每个产物保存在哪里、做过哪些检查。使用或分享前,结合原始输入核对结果。
常见问题与限制
- 已于 2026-10-20 核对源码与文档;本站未测试安装、引擎执行、hooks 或完整设计流程。
- 它不只是文本提示,也不是纯离线工具:launcher 可能下载引擎,部分流程会请求在线目录或预览。关闭选择记录 telemetry 不等于关闭所有联网请求。
- 官方安装器可提供自动 hooks,通常默认选中。首次使用应保持关闭,除非用户明确选择并信任;不要覆盖宿主配置。
- 自动设计检查不代表无障碍、功能或科学内容已获保证,仍需查看实际页面并保留事实与原有行为。
可以直接在本站上传文件运行吗?
本指南不提供在线执行或文件上传。请在你自己的 Codex 或 Claude Code 项目中处理文件。
助手提示无法安装怎么办?
先确认使用的是具备文件和命令能力的项目对话。请助手给出失败步骤和缺失依赖,再对照下方固定版本的原始说明排查。
Skill 与依赖分别适用什么条款?
Skill 源码采用 Apache-2.0,需保留 LICENSE 与 NOTICE.md。字体、素材、依赖、模型提供方及可选服务可能各有条款或费用。
来源与固定版本
这是 AimatraLab 整理的第三方开源精选。Skill 由原作者维护,源码链接直接指向原作者仓库。
Skill 源码采用 Apache-2.0,需保留 LICENSE 与 NOTICE.md。字体、素材、依赖、模型提供方及可选服务可能各有条款或费用。
- 原作者
- Paul Bakaus
- 仓库
- https://github.com/pbakaus/impeccable
- 收录版本
- 4.7.0
- 固定提交
46b822f7dda9f7dba799a9c7776fdc19b3a93559- 文档核对日期
- 2026-10-20