ux-waiting-audit
Auditar estados de espera de aplicações web para melhorias de UX
Produtos de agentes de IA frequentemente têm longos tempos de espera que causam ansiedade e abandono do usuário. Esta skill audita como as aplicações lidam com operações de longa duração usando automação de navegador e gera relatórios abrangentes com recomendações priorizadas.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「ux-waiting-audit」。 Audite a UX de espera em nossa ferramenta de pesquisa de IA ao gerar um relatório. A operação leva 45-60 segundos. Clique no botão 'Gerar Relatório'.
預期結果:
- Pontuação Resumida: 4/10 categorias atendidas
- Pontos fortes: Mostra resultados parciais em streaming, possui botão de cancelar
- Lacunas críticas: Sem estimativa de tempo, sem porcentagem de progresso, apenas spinner
- Ganhos rápidos: Adicionar texto '~50 segundos restantes', adicionar barra de progresso com porcentagem
- Prioridade P1: Adicionar estimativa de tempo para reduzir ansiedade do usuário
- Prioridade P2: Substituir spinner por barra de progresso para melhor visibilidade
- Prioridade P3: Adicionar animação de comemoração ao concluir
安全審計
安全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.
風險因素
⚙️ 外部命令 (68)
📁 檔案系統存取 (2)
品質評分
你能建構什麼
Avaliar UX de concorrentes
Auditar como produtos concorrentes lidam com operações de IA de longa duração e identificar melhores práticas.
Avaliar produto próprio
Avaliar a UX de espera da sua aplicação e obter recomendações de melhoria priorizadas.
Revisão antes do lançamento
Auditar novos recursos com operações longas antes do lançamento para identificar lacunas de UX antecipadamente.
試試這些提示
Execute uma auditoria de UX de espera em [URL]. A operação que quero que você teste é [descreva a operação] que leva cerca de [X] segundos.
Audite a UX de espera em [URL]. Quero que você teste [operação específica]. Clique no botão [nome do botão] para iniciar. A duração esperada é de [X] segundos. Capture capturas de tela em T+0, T+10, T+30 e na conclusão.
Compare a UX de espera entre [URL1] e [URL2]. Teste a [operação específica] em ambos. Qual deles lida melhor com a espera e por quê? Use os critérios do checklist de 10 pontos.
Audite a UX de espera em [URL] para a operação [nome do recurso]. Gere um relatório detalhado com capturas de tela. Farei melhorias e então executarei outra auditoria para comparar os resultados.
最佳實務
- Sempre capture a tela primeiro antes de tentar qualquer interação - inspeção visual revela o estado da UI que consultas DOM não conseguem
- Peça aos usuários para acionar operações manualmente quando possível para evitar fluxos complexos de navegação e autenticação
- Use o checklist de 10 pontos sistematicamente e forneça evidências específicas para cada decisão de pontuação
避免
- Tentar múltiplos seletores quando consultas DOM falham em vez de capturar uma tela para entender o estado real da UI
- Assumir que um spinner sozinho fornece boa UX - usuários precisam de indicadores de progresso, estimativas de tempo e resultados parciais
- Auditar sem orientação do usuário quando autenticação complexa ou etapas específicas de navegação são necessárias
常見問題
Quais navegadores são suportados?
Quanto tempo deve durar a operação testada?
Posso usar isto sem automação de navegador?
Meus dados estão seguros durante a auditoria?
A auditoria travou ao procurar um elemento. O que devo fazer?
Como isto difere do Lighthouse ou outras ferramentas de auditoria?
開發者詳情
檔案結構