用途:Auteur 用于设计并构建电影感、获奖级别的网页体验,流程类似导演拍电影——先脚本、再素材、后拍摄、最后剪辑。它有三种模式:build(优秀的常规站点)、direct(电影式滚动叙事站点)、system(多屏产品作为统一设计系统),共享同一套审美核心。页面必须通过可执行的防平庸门并自检输出后才算完成。
主要能力:在写任何标记前先以书面形式确定艺术方向(一个色相、一套字体系统、动效预算、具名反例);生成或获取素材(Hermes 的 image_generate、Blender、深度图、CC0 网格与 HDRI 并记录许可);基于成熟配方构建(单一 WebGL 上下文、transform/opacity 动效、滚动状态机);对结果设门:slopscan 因具体平庸而失败,motionqa 因掉帧失败,systemscan 因跨路由漂移失败。
使用方式:需 Node 18+,QA 门是 .mjs 脚本,通过终端用 node 运行;Playwright 用于 QA 门,在项目目录执行 npm install playwright 然后 npx playwright install chromium;ffmpeg 可选,仅用于视频/配乐路径。根据简报路由:direct 或电影感简报加载 references/direct.md;build 或单一常规界面加载 references/build.md;system 或多屏产品加载 references/system.md;edit 修改本技能构建的页面时先读 design/DESIGN.md;recon 仅需参考素材;audit 对 auteur 构建的页面运行验证流水线。
适用场景:需要构建或重设计落地页、营销站、英雄区、作品集或产品页且不能看起来千篇一律;简报要求滚动动画、叙事或像电影一样的站点;产品跨多屏需感觉像同一事物(应用、仪表盘、后台、引导、文档)。
限制:不用于打磨他人构建的 UI,也不用于纯后端工作;网络访问仅用于侦察与素材脚本读取实时页面,获取内容仅作参考数据与许可元数据,绝不执行,不涉及凭据、API 密钥或登录;若不想发出站请求可完全跳过阶段 0–1,其余阶段可离线工作。内容必须在禁用 JS 时可读,prefers-reduced-motion 需提供替代艺术方向。部分上游配套技能(如 impeccable 批评技能)未随此版本提供。