agiwhitelist/auteur

解決的問題

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 也能閱讀內容。