DDS-Solutions/AI-TadPole-OS

[!IMPORTANT] AI 背景與知識傳承

• 子系統: Agent Skills Registry / web-design-guidelines
• 架構: @docs ARCHITECTURE:Documentation
• 失敗路徑: 資訊漂移、過時術語或文件不符。
• 可觀測性: 透過 execution/parity_guard.py ([SKILL]) 進行追蹤。

網頁介面指南

審查檔案是否符合網頁介面指南規範。

運作方式

1. 從下方來源 URL 擷取最新指南
2. 讀取指定的檔案（或提示使用者提供檔案/模式）
3. 根據擷取的指南中的所有規則進行檢查
4. 以簡潔的 file:line 格式輸出結果

指南來源

每次審查前請先擷取最新指南：

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

使用 WebFetch 來擷取最新規則。擷取的內容包含所有規則與輸出格式說明。

使用方式

當使用者提供檔案或模式參數時：

1. 從上方來源 URL 擷取指南
2. 讀取指定的檔案
3. 套用擷取指南中的所有規則
4. 使用指南中指定的格式輸出結果

若未指定檔案，請詢問使用者要審查哪些檔案。

---

相關技能

技能	使用時機
frontend-design	編碼之前 - 學習設計原則（色彩、排版、UX 心理學）
web-design-guidelines（此技能）	編碼之後 - 稽核無障礙性、效能與最佳實務

設計工作流程

1. 設計   → 閱讀 frontend-design 原則
2. 編碼   → 實作設計
3. 稽核   → 執行 web-design-guidelines 審查 ← 您在此處
4. 修正   → 處理稽核結果