agiwhitelist/auteur

What it solves

auteur addresses the "slop" and lack of art direction often found in AI-generated websites. Instead of relying on generic templates or random AI outputs, it provides a disciplined pipeline that enforces high-end art direction, performance standards (60fps), and accessibility before a single line of code is written.

How it works

It functions as an "Agent Skill" (a set of recipes and scripts) that directs an AI agent (like Claude Code) through a five-step cinematic production pipeline:

1. Recon: Profiles award-winning sites and creates moodboards from live references.
2. Commit-sheet: Locks in brand colors, typography, and motion budgets upfront.
3. Asset Generation: Uses local CLIs (like Blender or Gemini) to create 3D geometry, imagery, and video.
4. Build: Implements the design using vanilla WebGL, GSAP, and Lenis for high-performance motion.
5. Gate: Every site must pass slopscan (a linter that flags generic AI design tropes) and motionqa (a Playwright test that ensures 60fps performance on retina displays).

Who it’s for

Developers and designers using AI agents who want to build high-fidelity, cinematic landing pages and web experiences that avoid the "AI-generated look" and meet professional performance and accessibility standards.

Highlights

• Anti-Slop Linter: A zero-dependency tool that fails builds if it detects common AI design clichés (e.g., specific purple-blue gradients or default fonts).
• Performance Gating: Uses motionqa to measure frame rates at DPR 2 to ensure smoothness on high-resolution screens.
• Agent Agnostic: Works with Claude Code, Cursor, Windsurf, and other agents that can read SKILL.md files.
• Cinematic Tooling: Includes a scroll-scrubbed video engine and tools for sourcing license-clean assets (CC0).
• Accessibility Floor: Enforces prefers-reduced-motion support and ensures content is readable without JavaScript.