ux-waiting-audit
稽核網頁應用的等待狀態以改善 UX
AI 代理產品常有漫長等待時間,容易造成使用者焦慮與流失。此技能透過瀏覽器自動化稽核應用程式對長時間作業的處理方式,並產出含優先級建議的完整報告。
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "ux-waiting-audit". Audit the waiting UX on our AI research tool when generating a report. The operation takes 45-60 seconds. Click the 'Generate Report' button.
Résultat attendu:
- 摘要分數:涵蓋 4/10 個類別
- 優點:提供部分結果串流、有取消按鈕
- 關鍵缺口:無時間估計、無進度百分比、僅有 spinner
- 快速改善:加入「約 50 秒剩餘」文字、加入含百分比的進度條
- P1 優先:加入時間估計以降低使用者焦慮
- P2 優先:以進度條取代 spinner 以提高可見度
- P3 優先:加入完成慶祝動畫
Audit de sécurité
SûrPure documentation and template skill containing JavaScript snippets for browser-based UX evaluation via Chrome MCP tools. All static findings are false positives: JavaScript template literals in docs were misidentified as Ruby shell backticks, documentation URLs flagged as hardcoded URLs, and template placeholders misclassified as cryptographic algorithms. No network calls, filesystem access, or external command execution in any executable code.
Facteurs de risque
⚙️ Commandes externes (68)
🌐 Accès réseau (5)
📁 Accès au système de fichiers (2)
Score de qualité
Ce que vous pouvez construire
評估競品 UX
稽核競品在長時間 AI 作業時的處理方式,找出最佳實務。
評估自家產品
評估自家應用的等待 UX,取得具優先順序的改進建議。
上線前審查
在發布前稽核包含長時間作業的新功能,及早發現 UX 缺口。
Essayez ces prompts
Run a UX waiting audit on [URL]. The operation I want you to test is [describe operation] which takes about [X] seconds.
Audit the waiting UX at [URL]. I want you to test [specific operation]. Click the [button name] button to start. Expected duration is [X] seconds. Capture screenshots at T+0, T+10, T+30 and completion.
Compare waiting UX between [URL1] and [URL2]. Test the [specific operation] on both. Which one handles the wait better and why? Use the 10-point checklist criteria.
Audit the waiting UX at [URL] for the [feature name] operation. Generate a detailed report with screenshots. I will make improvements and then run another audit to compare results.
Bonnes pratiques
- 務必在任何互動前先截圖——視覺檢視能揭示 DOM 查詢無法顯示的 UI 狀態
- 在可行時請使用者手動觸發作業,以避免複雜導覽與驗證流程
- 系統性使用 10 點清單,並為每項評分提供具體證據
Éviter
- DOM 查詢失敗時反覆嘗試多個選擇器,而不是先截圖理解實際 UI 狀態
- 假設只有 spinner 就有良好 UX——使用者需要進度指示、時間估計與部分結果
- 在需要複雜驗證或特定導覽步驟時,沒有使用者指引就進行稽核