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)完成五步电影级制作流程:
- 侦察:分析获奖网站,从实时参考中创建情绪板。
- 承诺表:提前锁定品牌色彩、字体和动画预算。
- 资产生成:使用本地 CLI(如 Blender 或 Gemini)生成 3D 几何、图像和视频。
- 构建:使用原生 WebGL、GSAP 和 Lenis 实现高性能动画。
- 门控:每个网站必须通过
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 也能阅读内容。
相关
- 项目
- 项目
- 项目
- 项目
- 项目