Compétences ux-waiting-audit

ux-waiting-audit

Sûr ⚙️ Commandes externes🌐 Accès réseau📁 Accès au système de fichiers

稽核網頁應用的等待狀態以改善 UX

AI 代理產品常有漫長等待時間,容易造成使用者焦慮與流失。此技能透過瀏覽器自動化稽核應用程式對長時間作業的處理方式,並產出含優先級建議的完整報告。

Prend en charge: Claude Codex Code(CC)
🥈 79 Argent
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

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ûr
v5 • 1/16/2026

Pure 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.

6
Fichiers analysés
1,168
Lignes analysées
3
résultats
5
Total des audits

Facteurs de risque

⚙️ Commandes externes (68)
README.md:44 README.md:45 README.md:51 README.md:57 README.md:58 README.md:59 README.md:60 README.md:64-71 references/checklist.md:18-21 references/checklist.md:21-38 references/checklist.md:38-44 references/checklist.md:44-61 references/checklist.md:61-67 references/checklist.md:67-84 references/checklist.md:84-90 references/checklist.md:90-107 references/checklist.md:107-112 references/checklist.md:112-130 references/checklist.md:130-136 references/checklist.md:136-153 references/checklist.md:153-159 references/checklist.md:159-196 references/checklist.md:196-202 references/checklist.md:202-219 references/checklist.md:219-225 references/report-template.md:132-135 references/report-template.md:135-137 references/report-template.md:137-140 references/report-template.md:140-144 references/report-template.md:144-147 references/report-template.md:147-151 references/report-template.md:151-160 references/report-template.md:160-167 references/report-template.md:167-170 references/report-template.md:170-177 references/report-template.md:177-180 references/report-template.md:180-187 references/report-template.md:187-190 references/report-template.md:190-197 SKILL.md:14-16 SKILL.md:16-42 SKILL.md:42-56 SKILL.md:56-64 SKILL.md:64-75 SKILL.md:75-81 SKILL.md:81-93 SKILL.md:93-98 SKILL.md:98-110 SKILL.md:110-114 SKILL.md:114-118 SKILL.md:118-126 SKILL.md:126-133 SKILL.md:133-144 SKILL.md:144-152 SKILL.md:152-158 SKILL.md:158-181 SKILL.md:181-195 SKILL.md:195-207 SKILL.md:207-215 SKILL.md:215-224 SKILL.md:224-230 SKILL.md:230-235 SKILL.md:235-241 SKILL.md:241-246 SKILL.md:246-252 SKILL.md:252-282 SKILL.md:282-305 SKILL.md:305-308
🌐 Accès réseau (5)
📁 Accès au système de fichiers (2)

Score de qualité

77
Architecture
100
Maintenabilité
83
Contenu
24
Communauté
100
Sécurité
91
Conformité aux spécifications

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——使用者需要進度指示、時間估計與部分結果
  • 在需要複雜驗證或特定導覽步驟時,沒有使用者指引就進行稽核

Foire aux questions

支援哪些瀏覽器?
建議使用 Chrome MCP。此技能可搭配任何提供 screenshot、navigate、execute_javascript 功能的瀏覽器自動化工具。
受測作業應該多長?
此技能設計給 30 秒以上的作業。若作業更快,請將截圖間隔調整為 T+0、T+50% 與完成。
不使用瀏覽器自動化也能用嗎?
可以部分使用。你可手動使用清單與報告模板,但截圖與 DOM 狀態擷取需要瀏覽器自動化工具。
稽核期間我的資料安全嗎?
可以。此技能完全在你的瀏覽器環境中透過自動化工具執行。技能本身不會將資料送往外部伺服器。
稽核卡在找不到元素時該怎麼辦?
停止嘗試選擇器。立刻截圖並以視覺方式分析。向使用者詢問按鈕位置,或改為手動觸發作業。
這與 Lighthouse 或其他稽核工具有何不同?
此技能專注於長時間作業中的等待 UX。Lighthouse 會稽核效能,但不會檢查進度指示、時間估計或降低焦慮等 UX 模式。

Détails du développeur

Structure de fichiers