auteur

auteur 是 GitHub 用户 agiwhitelist 开源的网站设计 Skill，README 说它“像执导电影一样构建网站”。它有三种模式：build 做一张出色的常规页面，direct 做靠滚动推进画面的电影感网站，system 把应用、后台、设置、引导页这类多屏产品做成同一套设计系统。写代码之前，它要求先填一张定稿单（commit-sheet），写死一个品牌主色、一组字体搭配、动效预算和要刻意避开的同类套路，还要写下页面背景亮度的目标数值，方便做完以后量。素材方面，它可以调用你电脑上已有的命令行工具生成图片、视频帧和深度图，用 Blender 做 3D，或者从 Poly Haven 等网站下载 CC0 等许可清楚的素材，并给每个文件登记许可。它特别的地方在于交付前要过几道脚本检查：slopscan 遇到紫蓝渐变、transition: all、默认用 Inter 字体这类具体的 AI 模板写法会直接判不合格，motionqa 用 Playwright 在降速的 CPU 上跑页面，掉帧、长任务、自动播放声音或控制台报错都算失败，system 模式还有 systemscan 检查各页面的组件有没有走样。README 附了十个用它做的在线示范网站。

适合谁：想用 AI 编程助手做品牌展示页、作品集、产品发布页或多屏产品原型，又不想要千篇一律模板感的人。需要会用能运行命令的 AI 编程工具，不写代码的读者用不上。

使用前提：可以用 npx skills add agiwhitelist/auteur 安装，Claude Code 也能从插件市场装。README 的环境要求写的是 Claude Code，安装说明里也列了 Codex、Cursor、Gemini CLI 等工具。检查脚本需要 Node.js 18 以上，截图和动效检查要装 Playwright 的 Chromium。整个流程只有两个阶段会联网：找参考阶段会读 Awwwards 等获奖网站，并从 Bing、Pinterest、are.na 搜图拼情绪板（moodboard）；找素材阶段会从 Poly Haven、Iconify、Google Fonts、Openverse、Coverr 下载素材。README 说这两个阶段可以整段跳过，其余步骤都能离线跑，只用你自己有权使用的素材。参考网站截图和情绪板里的图片只能当参考，不能直接放进要公开的作品；Openverse 上 CC-BY 许可的图片要署名，脚本会把署名写进许可清单。README 说不需要 API key 和登录，但如果让它调用 Codex、Gemini、Grok 这些命令行工具生成素材，用的是你自己在这些服务上的账号和额度，费用以服务商为准。许可证是 MIT。

以上根据项目公开说明整理，本站没有实际测试。