# Raycast AI 介面實作指令 語言:繁體中文(台灣用語,zh-TW)。指令重新產出:2026-10-15。對應官網參考日期:2026-10-12。 將同資料夾的 DESIGN.md 與此指令一起交給 AI,並補上自己的產品需求。網站單份下載的品牌檔名也可使用;保留規格中的參考日期與限制。 ```text 請先讀取隨附的 Raycast 設計規格與專案現有程式碼。以 2026-10-12 的公開首頁研究作為視覺參考,來源為 https://www.raycast.com/,這不代表今日最新官網。 我的需求:請在此填入產品名稱、目標使用者、頁面功能、內容及資料來源。 一、依參考建立視覺結構 首頁使用黑色背景、Inter 字型、紅色 Raycast 識別與固定膠囊導覽;64px 主標以捷徑概念引入,保留當日 macOS Tahoe、Apple Silicon 下載提示與鍵盤公告。內容依序包括真實啟動器、鍵盤功能、擴充功能商店、AI 代理、聊天、快速 AI、AI 擴充功能、24 位社群人物、文字片段、快速連結、快捷鍵、12 項工具、社群影片、開發者技術插圖及六欄頁尾。 2026-10-12 補充檢查完整涵蓋桌面 1280×720 的 23 張與窄版 390×844 的 19 張實際視窗,共 42 張,並檢視 16 張原日期比較圖及 2 張新官網頂部對照。圖片與字型已載入,未觀察到文件水平溢位;新官網資料只涵蓋頂部與完整 DOM,不代表新官網整頁比較。 本機主視覺缺少官網紅色 WebGL 幾何動畫。窄版固定在視窗管理選項,與來源初次顯示的剪貼簿歷史不同;Granola/Things 回覆狀態使窄版高出 26px,部分連續合成段落約偏移 51.5px。最新官網桌面 DOM 高 15992px、目前 15991px;新窄版在淡入階段的 14051px 不應推論為區段已移除。 二、完成符合自己產品的功能 製作指令啟動器介面,包含置中搜尋、分組結果與可見的鍵盤提示。深色版面保持精簡,目前焦點結果以背景與明確標示共同辨識。 優先實作指令搜尋結果列,包含圖示位置、快捷鍵提示與焦點狀態。沿用專案現有技術、路由及元件慣例;先整理色彩、字型、間距、圓角與狀態,再完成頁面。保留規格中實際量測的數值,未知內容明確標示為建議,不自行杜撰來源資料、價格、引言或成功結果。 三、台灣繁體中文與排版 介面文案、按鈕、提示、錯誤訊息、圖片替代文字、設計規格與交付說明,一律使用繁體中文(台灣用語)。保留品牌名稱、字型名稱、檔名、網址、API 識別字與可執行程式碼。HTML 使用 zh-Hant-TW;數字與日期以 zh-TW 格式呈現,幣別及時區依原資料標示,不擅自換算。 採用「專案、元件、資料、建立、預設、載入、登入、連結、儲存、影片」等台灣用語。中文字型缺字時提供可取得的替代字型並說明字寬差異。參考品牌的原始圖片與截圖保留來源內容;你新建立的文案與示範資料使用台灣繁體中文,不將商標或品牌服務當成我自己的產品。 四、操作與檢查 所有可見操作都必須有可理解的結果。依需求支援預設、焦點、已選取、停用、載入、空白與錯誤狀態。使用語意標記、具名稱的控制項、可見鍵盤焦點,以及至少 44px 的主要觸控區域。尊重減少動態效果設定;影片與動畫提供可閱讀的靜態替代。 在 390px、768px、1440px 檢查中文長標題、混合語言、圖片失敗與內容變動。程式碼及資料表可在自己的容器捲動,不讓文件整體被撐開。不要假裝已連接帳戶、付款、模型 API 或其他尚未接上的後端;示範資料須明確標示。 五、保留已知限制 - 靜態校正版的公開主視覺 WebGL 畫布為空白。原日期窄版與 10 月 12 日新取得的桌面頂部皆有紅色移動幾何圖形,本機缺少;WebGL 一致性尚未驗證,未捏造點陣替代圖。 - 窄版啟動器固定為擷取最後的視窗管理選項,來源初次可見階段則為剪貼簿歷史。原始公開圖片與最終選取偏移保留,自動前進時間不相同。 - AI 擴充功能示範含獨立擷取的公開 Granola/Things 流程與 8 個原始圖片節點。固定的已審閱訊息狀態與來源空白、輸入中階段不同;窄版為 15973px,較來源 15947px 高 26px。來源示範自身也會變高 25.5px,另補實際視窗填補覆蓋缺口;連續合成圖在變動階段附近可能相差約 51.5px。 - 文字片段、快速 AI 輸入、按鍵強調與快捷鍵、客戶引言選取、擴充功能輪播及技術 SVG 動畫階段不同。完整選單、下載選項、分類工具分頁、鍵盤焦點與動態示範尚未驗收。 - 帳戶與電子報、下載、其他頁面、實體手機及未測寬度不在本次比對範圍內;原始比對也未涵蓋正式部署,未送出表單。 - 新取得的官網桌面頂部有紅色 WebGL 主視覺,本機缺少;桌面 DOM 頁高為 15992px,目前為 15991px。新窄版頂部在初始淡入及延遲載入時高 14051px,暫時缺少快捷鍵區不代表設計移除。新來源僅涵蓋頂部,原日期完整證據另存。 - 本次補充的新官網觀察僅涵蓋頂部視窗及完整 DOM。完整視覺比較仍依原日期官網證據,未宣稱與最新整頁完全一致;accepted=false。 六、交付 以繁體中文列出完成的檔案、設計變數、操作方式、實際驗證結果與尚未處理的限制。逐次修改時保留無關路由及資料行為,說明可觀察的修改前後差異,不把尚未檢查項目宣稱為通過。 ```