设计与前端 web-designanti-slopwebglgsapthreejsscroll-animationdesign-systemplaywright

Auteur

像导演拍电影一样指挥 Claude Code 建站:先锁定艺术方向,再生成资产、构建页面,并用可执行的反套路检查封锁每一次发布。

FollowSkills 评估 · FSRS-2.0
推荐
62/ 100 五分制 3.1 / 5
1 2 3 4 5 6
1信任安全19 / 25 · 3.8/5

工具面声明狭窄(仅 node scripts/*、playwright 与可选媒体 CLI),明确声明无 API key/凭据,网络访问仅限 recon 与 sourcing 两阶段且内容'仅作参考数据、绝不执行',可整体跳过离线运行,fetch 的许可台账设计也降低了合规风险。扣分点:recon 会抓取大量第三方页面且未提供用户逐次确认机制;agiwhitelist 组织身份匿名,来源归属的可追溯性有限;未提供明确的回滚说明。

2可靠稳定9 / 20 · 2.3/5

SKILL.md 内部指令自洽:路由规则、阶段表、门禁命令、参数提示一致,含失败路径(NO CAPTURE 而非猜测、媒体 CLI 缺失时优雅降级、弱模型指引)。扣分点:本次静态审查未见 scripts/slopscan.mjs 等脚本源码,未提交测试套件,异常输入下的失败反馈质量只能从文档推断,无法执行验证,故按锚点封顶在 10 以下。

3适用触发11 / 15 · 3.7/5

适用场景、非适用边界(不打磨他人 UI、不做后端)、触发语义('make it beautiful'/'cinematic' 等短语及显式子命令)写得非常清楚,还有歧义时的单问路由。扣分点:核心 recon 依赖 awwwards、Bing、Pinterest 等对中国大陆不可达或受限的境外服务(可跳过但损失主要工作流);skill 正文为英文,未声明中文支持,仅 README 有中文版。

4规范维护12 / 15 · 4.0/5

文档分层清晰(SKILL.md → reference/* → templates),MIT 许可证明确,版本号 1.3.1,CI 工作流真实存在并从 main 门禁 gh-pages,有双语 README 与致谢(改编自 scroll-world,MIT)。扣分点:维护主体为匿名组织 agiwhitelist,无 CHANGELOG、无明确更新路径与责任人;package-lock. 中 version 字段为 0.1.0 与 package. 的 1.3.1 不一致。

5有效结果6 / 15 · 2.0/5

价值主张明确:可执行的 slopscan/motionqa 门禁 + commit-sheet 流程相较'直接让模型写页面'有可论证的边际价值,且公开十个在线展示站(含跨模型 HORO 验证)。扣分点:静态审查无法执行任何门禁,输出直接可用性只有文档与截图自述,未获独立复现,故按静态锚点封顶在 7 以下。

6证据核验5 / 10 · 2.5/5

存在可独立复现的量化声明(一条命令运行 slopscan)、真实 CI 工作流对每个已发布页面门禁、以及许可台账等可审计材料。扣分点:审查证据包中未包含脚本源码与 CI 运行结果,展示站与 HORO 数据(53fps、对比度 6.50)均无法在本仓库文件内核实,覆盖面有限,静态上限为 5。

证据充分度: 评估于 2026年9月18日 审查版本 9bca227df987
使用前请注意
  • 本次为纯静态审查,未执行任何脚本或门禁命令;slopscan/motionqa 的实际行为未经独立验证。
  • recon 阶段依赖 awwwards、Bing/Pinterest、are.na 等境外服务,中国大陆网络可能无法完整使用该工作流(可跳过阶段 0–1 离线运行,但会失去侦察与 moodboard 能力)。
  • 维护主体 agiwhitelist 为匿名组织,长期维护与更新承诺无从核实;lock 文件版本号(0.1.0)与 package.(1.3.1)不一致,建议安装前自行确认。
  • skill 正文为英文,未声明中文场景支持;素材生成依赖可选的本地媒体 CLI(Codex/Gemini/Blender),缺失时降级为手动素材。
  • recon 会抓取多个第三方网站作为参考数据;虽然声明不执行抓取内容,用户应在受控环境中使用该阶段。
查看完整评分方法 →

这个 Skill 能做什么,适合哪些场景?

Auteur 是一个 Claude Code Agent Skill,用导演式流程构建完整网页体验:先写定艺术方向的 commit-sheet,再生成或采集资产,然后用经过验证的配方构建,最后强制通过反套路 linter 和性能检查。它有三种模式:build(优秀常规站点)、direct(电影级滚动导演站点)和 system(多屏幕统一设计系统),并显式列出 18 条禁用的 AI 视觉套路。README 提供 10 个线上示例站点作为验证,其中一个由 Kimi K3 用同一 SKILL.md 构建,展示了技能本身(而非特定模型)的可迁移性。

1) 侦察:refscout.mjs 分析 awwwards 上的获奖站点(技术栈、固定场景、滚动预算、字体、实际渲染色板),moodboard.mjs 从 Bing/Pinterest/are.na 生成带编号的联系表。2) 强制填写 commit-sheet:主峰、OKLCH 色彩、字体对、网格破格、动效预算、反射检查、本技能自身惯性的规避,七项全部写明非默认值。3) 资产:source.mjs 从 Poly Haven 等获取带许可记录的 CC0 模型/HDR/图标/字体,或调用本地 CLI(Codex/agy/grok、Blender、ffmpeg)生成。4) 构建:单一 WebGL 上下文、GSAP/Lenis 滚动、仅 transform/opacity 动画。5) 门禁:slopscan.mjs(零依赖 linter,检出紫蓝渐变、transition: all、scroll listener 等具体套路)、motionqa.mjs(Playwright 在 DPR 2、限流 CPU 下测帧率与可访问性)、systemscan.mjs(跨路由设计系统漂移检查)、shoot.mjs 截图、chromadiff.mjs 测色差。任一门禁失败即不得交付。

  1. 产品/营销团队需要落地页但要求绝不显得'AI 生成'——skill 强制先做类目反射研究再决定方向
  2. 品牌发布页需要电影级滚动叙事(滚动擦洗视频、场景化导演)——direct 模式是旗舰流程
  3. SaaS 需要多屏幕(应用、仪表盘、后台、引导)保持一套设计语言——system 模式以组件×状态为设计单元,systemscan 检查跨路由漂移
  4. 已有 auteur 建的站点需要迭代(加板块、换文案)——edit 路由先读 DESIGN.md 风格契约再动手
  5. 只想收集竞品参考和 moodboard——recon 路由单独运行侦察阶段,产出 REFERENCES.md 和联系表
  6. 审计一个 auteur 建的页面——audit 路由跑完整验证管线

这个 Skill 有哪些优点和局限?

优点
  • 验证可复现:每个示例站点在 CI 中运行 slopscan,README 提供一行命令自行复检(0 fails / 0 warns)
  • 10 个线上示例站点,含一个由非 Claude 模型(Kimi K3)构建的可移植性验证
  • 明确声明无基准跑分数字,不做性能营销
  • 严格的可访问性底线:prefers-reduced-motion、无 JS 可读、390/768/1440 响应式均为强制而非建议
  • 不联网也能工作(跳过侦察和资产采集阶段)
局限
  • 明确的范围限制:不用于打磨别人已有的 UI,也不做纯后端工作;作者建议此类需求用 /impeccable
  • 资产生成依赖本地可选 CLI(Codex、agy、grok、Blender 等),未安装时降级为手工资产
  • 约 18 条硬性禁令和大量硬编码数字(时长、对比度、动效预算)可能对想保留特定风格(如紫蓝渐变、Inter 字体)的用户构成约束,虽然可用 auteur-allow 覆盖
  • 10 个示例均由作者方构建,缺少独立第三方评估;linter 只检查可静态检出的具体模式,'品味'本身无法被工具完全验证
  • 多模型支持(75+ agents)声明来自 skills.sh 生态,个别客户端的适配未逐一验证

如何安装这个 Skill?

任意支持 Agent Skills 的客户端:npx skills add agiwhitelist/auteur(自动检测并写入各 agent 的 skills 文件夹)。Claude Code 插件方式:/plugin marketplace add agiwhitelist/auteur 然后 /plugin install auteur@auteur。手动方式:git clone --depth 1 https://github.com/agiwhitelist/auteur ~/.claude/skills/auteur。体积约 1MB,无依赖、无 API key、无构建步骤。

如何使用这个 Skill?

在 Claude Code 中直接说:'build me a cinematic landing with auteur'。命令行格式为 auteur [build|direct|system|edit|audit|recon] <简报>。模糊请求时 skill 只会问一个问题(常规优秀落地页还是电影模式)。流程为:侦察 → commit-sheet → 资产 → 构建 → 门禁。不需要联网时可跳过阶段 0–1,其余阶段完全离线可用。

这个 Skill 与同类方案有什么区别?

README 明确将它与组件库(如 shadcn、originkit.dev)划清界限:后者提供现成可拖入的组件,Auteur 则从 commit-sheet 起从零执导每个站点。对于已有 UI 的打磨需求,它指向另一个 skill /impeccable,且两者可配合使用(auteur 建站、impeccable 批评)。视频擦洗引擎改编自同类 Claude Code skill scroll-world(cyw,MIT)。

常见问题

需要付费 API key 吗?
不需要。skill 本身无依赖、无 API key、无登录。侦察和资产采集只抓取公开页面(Poly Haven、Google Fonts 等)作参考数据,绝不执行;生成类资产需要你本地已装的可选 CLI(Codex、agy、grok、Blender),没有则降级为手工资产。
会不会拒绝我想要的设计?
会有摩擦。它硬性禁止 18 类 AI 视觉套路(紫蓝渐变、Inter 首选、玻璃拟态默认等),但每条都可通过写明理由的 auteur-allow 注释覆盖——要求是真实、有论证的选择,而非默认。
必须联网吗?
不必须。只有阶段 0(侦察)和阶段 1(资产采集)访问网络;跳过这两阶段,其余构建和验证全部离线运行。
如何验证'零套路'的说法?
README 提供一行命令:从 gh-pages 分支拉取站点后运行 `node scripts/slopscan.mjs site`,即可在任何示例上复现 0 fails / 0 warns 的结果。CI 在每次发布时对线上页面重复此检查。

相关 Skills