agiwhitelist/auteur

何を解決するか

auteur は、AI 生成サイトにありがちな「雑さ」と芸術的方針の欠如を解決します。汎用的なテンプレートやランダムなAI出力に頼るのではなく、コードを書く前から高品質な芸術的方針、パフォーマンス基準（60fps）、アクセシビリティを強制する体系的なパイプラインを提供します。

動作方法

これは「エージェントスキル」（レシピとスクリプトのセット）として機能し、AIエージェント（例：Claude Code）を5段階の映画制作風パイプラインに導きます：

1. レコン：受賞歴のあるサイトを調査し、ライブリファレンスからムードボードを作成。
2. コミットシート：ブランドカラー、フォント、モーション予算を初期段階で確定。
3. アセット生成：ローカルCLI（例：Blender や Gemini）を使って3Dジオメトリ、画像、動画を生成。
4. ビルド：Vanilla WebGL、GSAP、Lenis を使用して高パフォーマンスなモーションを実装。
5. ゲート：すべてのサイトは slopscan（一般的なAIデザインの陳腐さを検出するリンター）と motionqa（Retinaディスプレイで60fpsを確保するPlaywrightテスト）を通過しなければならない。

対象ユーザー

AIエージェントを使って高精細で映画的なランディングページやウェブ体験を構築したい開発者やデザイナー。

特徴

• アンチスロップリンター：依存関係ゼロのツール。特定のパープルブルーのグラデーションやデフォルトフォントなどの一般的なAIデザインの陳腐さを検出するとビルドを失敗させる。
• パフォーマンスゲート：motionqa を使ってDPR 2でのフレームレートを測定し、高解像度ディスプレイでの滑らかさを保証。
• エージェント非依存：Claude Code、Cursor、Windsurf など、SKILL.md ファイルを読み取れるエージェントと互換性あり。
• 映画的ツールキット：スクロールスクラブ動画エンジンやCC0ライセンスのクリアなアセットを調達するためのツールを含む。
• アクセシビリティの最低基準：prefers-reduced-motion のサポートを強制し、JavaScriptなしでもコンテンツが読み取れるようにする。