julio-antislop-design 是做什麼的？
一個生成的頁面看起來就像是所有看過的頁面的平均：沒有任何事物是假的，也沒有任何事物是經過決策的。這個技能用決策取代缺陷：想法來自主題，方向來自真實的參考資料和偏離平均值的抽樣，一個底線保護了可及性、誠實與效能，並且在交付前審視我們所創造的。僅僅移除痕跡是不夠的：一個空白乾淨的頁面本身也是一種痕跡（references/originality.md）。
1. 選擇路徑
| 需求 | 路徑 |
|---|---|
| 小型需求：一個元件、一個區段、一個設定、一個修正，或「快點做」 | 快速 (§3) |
| 新的頁面、新的網站、新的畫面、新的系統 | 完整 (§4) |
| 改造現有項目 | 完整，改造變體 (references/redesign.md) |
| 審閱設計 | references/critique.md 的檢查清單和 references/tells.md 的清單，不建構 |
2. 選擇模式
所有規則取決於訪客在此表面上必須成功完成什麼，而不是產品本身。
| 模式 | 訪客成功當… | 表面 |
|---|---|---|
| 說服 | 他決定並行動 | 登陸頁、行銷、價格 |
| 操作 | 他完成一個任務 | 應用程式、儀表板、管理介面、設定 |
| 閱讀 | 他理解 | 文件、文章、指南、幫助 |
| 體驗 | 他沉浸在作品中 | 作品集、藝廊、展示櫥窗 |
單一需求中有兩個表面：各自使用其模式，共享色板與排版。
與人協作前進
絕不讓對方沉默等待：及早提問、對每個問題提供建議、一旦有成果就展示。完整路徑上有四個檢查點（簡報表、前三個畫面、第一個版本、交付），每個檢查點附帶一個推薦提案；在檢查點之間，從不超過十個動作而不展示任何內容。詳情：references/intake.md，「節奏」。
3. 快速路徑
- 如果存在
DESIGN.md和PRODUCT.md，請閱讀並遵守。最多一個問題，且僅在有事實阻礙時提出。 - 套用底線 (§5) 和模式的缺陷 (
references/defaults-by-mode.md)；所有內容必須使用既有的 token，如果沒有，則使用一個小型聲明的尺度。 - 執行
node scripts/check-tokens.mjs <檔案>和node scripts/check-render.mjs <檔案>，達到零錯誤；在 390px 和 1440px 下檢查截圖。 - 三行報告：變更內容、通過的檢查、無法運行的部分。
不需完整的範圍界定、不需抽樣、不需三個 hero。如果需求成長（變成一個完整頁面），則切換到完整路徑。
4. 完整路徑，分 12 個步驟
每個步驟的詳細說明：references/process.md。步驟 1 到 8 在程式碼之前完成。
- 閱讀專案、模式、實際可用的圖片。
- 一次性界定範圍：專案、品味（所有能填入
DESIGN.md的內容）、素材；最多 12 個問題，然後一次確認的簡報表。只有明確的委託（「全權委託」）或沒有受眾時才能免除品味調查。references/intake.md。 - 盤點主題：8 到 12 個客戶特有的元素；真實的、可展示的、缺失的。
PRODUCT.md。 - 撰寫論點：每個區段一個主張及其證據。
- 觀看真實的參考資料：來自
references/site-models.md的 3 個網站，其中一個必須來自不同行業；使用scripts/board.mjs捕捉它們。 - 抽出方向：
node scripts/roll.mjs --mode <模式> --brief "…" --log direction-log.md（原型、卡片、顏色、字型、風險），然後選出 5 個方向，排除其中 2 個最可能的。references/originality.md。 - 形成 idea（「[主題的一個事物] 變成 [一個手法]」，競爭者測試），活的事物，
DESIGN.md；將前三個畫面與scripts/explore.mjs比較，只選擇一個。 - 在程式碼之前撰寫所有文字；標題在 320px 下最多兩行。
- 不帶動態地建構：先建立 tokens（顏色、字型、排版尺度、間距尺度），然後是 hero、區段、視覺元素（無照片時：
references/visuals.md，在前兩個畫面中放入一個主題的視覺錨點），活的事物。 - 檢查：
check-tokens.mjs（程式碼）、check-render.mjs --shots（渲染的頁面）、npx impeccable detect、效能；然後進行收尾 (references/finish.md) 和 30 條 UX 法則檢查 (references/ux-principles.md)。 - 讓全新視角判斷：使用
references/critique.md的檢查清單，原創性軸線和既視感測試；修正，最多三個回合。 - 加入動態，重新檢查，並連同報告交付。
5. 絕對底線
這條底線永遠不會被打破：無論是為了品味、簡報，還是外部資源。
- A1 無障礙：WCAG 2.2 AA（對比度 4.5:1，大文字和控件 3:1），可見焦點，鍵盤操作，目標 24px（行動裝置上以 44px 為目標），無跳階標題，替代文字，減少動態，在操作模式之外無 JavaScript 時內容仍可讀。
- A2 誠實：不得虛構任何數字、引言、評論、標誌、客戶、功能；範例內容必須在報告中列出，並在頁面上只標示一次。
- A3 可追溯性：每個字型、元件、圖片和參考都必須有經過驗證的真實來源，以及涵蓋該用途的授權。
- A4 保密性：未經書面同意，不得將客戶的任何資料、模型或截圖傳送給第三方服務。
- A5 效能：LCP ≤ 2.5 秒，INP ≤ 200 毫秒（實驗室中的 TBT），CLS ≤ 0.1；否則效果將改為靜態圖片。
references/performance.md。 - A6 技術：顏色、字型、大小和間距只能使用 token；永遠不要使用
transition: all或動畫width、height、top、left；從 320px 到 1920px 都不能有水平滾動；hero 使用dvh或svh；容器設有最大寬度。 - A7 簡報：明確的指令優先於可解除的缺陷，但永遠不能優先於 A1 到 A6。
6. 可解除的缺陷，精華
每個缺陷都必須有書面理由，與 idea 或簡報相關。完整表格：references/defaults-by-mode.md；過時的痕跡：references/tells.md。
- 沒有 eyebrow、沒有字母間距放大的大寫字母、沒有 01/02/03 的編號（除非是真正的序列）。
- 沒有紫色漸層、沒有漸層文字、沒有發光、沒有裝飾性玻璃效果、沒有圖示-標題-文字完全相同的卡片列、沒有用 emoji 當作圖示。
- 沒有未經品牌理由就使用的反射性字型 (
references/typography.md)；如果沒有提供字型，提出 3 組配對 (references/font-catalog.md)。 - 一個模組化排版尺度和一個三層級間距尺度，不得使用之外的數值 (
references/spacing.md)。 - 一個背景、一個文字色、一個強調色，強調色每個畫面最多使用約 4 次。
- 既不能有已經變成陳腔濫調的修正（奶油色、襯線字、陶土色），也不能有自己的「乾淨反 slop」趨同 (
references/originality.md§1)。
7. 何時閱讀什麼
| 情況 | 檔案 |
|---|---|
| 12 個步驟的細節、交付清單、報告格式 | references/process.md |
| 範圍界定：問題、品味、素材、簡報表 | references/intake.md |
| 各模式的規則 | references/defaults-by-mode.md |
| 庫存、idea、圖片、無照片的產品 | references/idea-and-direction.md |
| 無照片的視覺元素，按得分排序；無文字的測試 | references/visuals.md |
| 收尾：評審發現的缺陷及其檢查 | references/finish.md |
| 抽樣、原型、限制、風險、三個 hero、既視感 | references/originality.md |
| 登陸頁、hero、表單、玻璃效果、產品插圖、bento | references/persuade.md |
| 導航和頁尾（18 + 15 個模型） | references/nav-footer.md |
| 應用程式、儀表板、圖表、表單 | references/operate.md |
| 文件、文章、作品集、藝廊 | references/read-and-experience.md |
| 改造 | references/redesign.md |
| 色板 | references/color.md |
| 字型和排版尺度；建議的字型 | references/typography.md、references/font-catalog.md |
| 間距和節奏 | references/spacing.md |
| 動態、效果、程式碼影片 | references/motion-and-video.md |
| 各模式的效能 | references/performance.md |
| 過時的 AI 痕跡 | references/tells.md |
| 30 條 UX 法則，套用方法，以及 UX 檢查 | references/ux-principles.md |
| 真實的模型網站；藝廊、資源庫、授權 | references/site-models.md、references/resources.md |
| 全新視角的批評 | references/critique.md |
只載入任務所需的內容。
8. 交付
在底線、check-tokens.mjs、check-render.mjs、偵測器、截圖、批評（原創性至少 4/5，既視感測試中沒有已知風格）和方向日誌都通過之前，不要交付。完整清單和報告格式：references/process.md。永遠不要宣稱一個沒有實際執行的檢查。