agiwhitelist/auteur

The Claude Code skill that directs a website like a film. Commit-sheet, generated assets, build, and an executable anti-slop linter that gates every ship.

解决的问题

auteur 解决了 AI 生成网站中常见的“粗糙感”和缺乏艺术指导的问题。它不依赖通用模板或随机的 AI 输出,而是提供一个有纪律的流程,确保在编写任何代码之前就具备高端艺术指导、性能标准(60fps)和可访问性要求。

如何工作

它作为一个“AI Agent 技能”(一组配方和脚本),引导 AI Agent(如 Claude Code)完成五步电影级制作流程:

  1. 侦察:分析获奖网站,从实时参考中创建情绪板。
  2. 承诺表:提前锁定品牌色彩、字体和动画预算。
  3. 资产生成:使用本地 CLI(如 Blender 或 Gemini)生成 3D 几何、图像和视频。
  4. 构建:使用原生 WebGL、GSAP 和 Lenis 实现高性能动画。
  5. 门控:每个网站必须通过 slopscan(检测常见 AI 设计套路的 linter)和 motionqa(确保在 Retina 显示器上实现 60fps 的 Playwright 测试)。

适用人群

希望使用 AI Agent 构建高保真、电影级着陆页和网页体验的开发者和设计师,避免“AI 生成感”,并满足专业性能和可访问性标准。

特色亮点

  • 反粗糙检测器:零依赖工具,若检测到常见 AI 设计陈词滥调(如特定紫蓝色渐变或默认字体),则阻止构建。
  • 性能门控:使用 motionqa 在 DPR 2 下测量帧率,确保在高分辨率屏幕上流畅运行。
  • Agent 无关性:兼容 Claude Code、Cursor、Windsurf 等可读取 SKILL.md 文件的 Agent。
  • 电影级工具链:包含可滚动的视频引擎和用于获取无版权风险资产(CC0)的工具。
  • 可访问性底线:强制支持 prefers-reduced-motion,并确保无需 JavaScript 也能阅读内容。

相关

  • 项目
  • 项目
  • 项目
  • 项目
  • 项目