• TRIAGEM
  • VISUAL
  • ANÁLISE
  • HUMANO

Como detectar falhas de UI com seu IA usando Microsoft Clarity

Conecte o Microsoft Clarity ao seu agente para descobrir onde os usuários travam. Após a conexão, sua IA faz o trabalho pesado de analisar os dados de sessão.

Pergunte à IA sobre esta página

Resposta rápida

Como posso encontrar falhas de UI usando minha IA?

Seu agente extrai rage clicks e dead clicks do Microsoft Clarity para mostrar exatamente onde os usuários estão tendo dificuldades. Ele também pode buscar gravações de sessão para você visualizar o problema. Você receberá uma lista clara dos elementos que precisam de correção.

Onde as falhas são encontradas.

Os resultados da sua análise.

A IA transforma dados brutos de cliques em uma lista de problemas de UI específicos.

TRIAGEM

Identificar frustração

O agente busca por rage clicks e dead clicks. Você recebe uma lista das frustrações mais intensas dos usuários.

VISUAL

Ver o problema

Sua IA busca as gravações de sessão dos cliques identificados. Você vê exatamente o que o usuário viu ao encontrar um obstáculo.

ANÁLISE

Apontar elementos quebrados

O agente correlaciona padrões de clique com componentes específicos da interface. Isso indica se um botão não responde ou se um link é confuso.

HUMANO

Correções manuais

A IA identifica o problema, mas você decide como ajustar o código ou o layout. Essa etapa é sua.

O fluxo

O que sua IA faz quando os dados chegam.

A IA serve como uma ponte entre os logs brutos do Clarity e seu processo de depuração.

  1. Buscar frustrações

    O agente analisa os dados do seu site para encontrar momentos em que os usuários clicaram repetidamente em um curto intervalo.

    list_rage_clicks

  2. Encontrar becos sem saída

    Ele busca por cliques que não resultaram em nenhuma ação ou resposta da interface.

    list_dead_clicks

  3. Revisar sessões

    O agente busca a gravação de vídeo da jornada do usuário para dar contexto aos cliques.

    get_recording

  4. Resumir descobertas

    O agente compila os cliques e gravações identificados em um relatório de elementos de UI com erro.

    list_rage_clickslist_dead_clicks

Teste

Copie estes comandos para começar.

Use estes prompts para iniciar a análise.

Pontos de partida

Estes são exemplos iniciais. Substitua os nomes do site ou elementos pelos do seu projeto.

Microsoft Clarity Connector

Tudo pronto. Escolha seu cliente MCP e siga as instruções de configuração.

Link do conectorhttps://edge.vinkius.com/vk_preview_sVqaeV2G2yXZXmuRhG75NoVrnKtQcsjcTszgfU4b/mcp

Claude Desktop

Siga os passos abaixo para conectar em segundos.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Microsoft Clarity capabilities are ready to use.
Configuração · claude_desktop_config.jsonCopiar
{
  "mcpServers": {
    "microsoft-clarity-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_sVqaeV2G2yXZXmuRhG75NoVrnKtQcsjcTszgfU4b/mcp"
    }
  }
}
Copie no chat04

  • Liste todos os rage clicks na minha home nas últimas 24 horas.

  • Encontre os dead clicks que ocorrem no botão de checkout.

  • Pegue a gravação do rage click mais recente no menu de navegação.

  • Analise os dead clicks na página de preços e me diga quais elementos estão quebrados.

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Comece aqui

Conecte o Microsoft Clarity uma vez e depois é só perguntar.

Uma única conexão dá ao seu agente acesso aos dados do Clarity. Suas credenciais permanecem criptografadas e seguras.

Conectar Microsoft Clarity à sua IA

FAQ

Como funciona esta tarefa.

  • 01

    A IA pode consertar os botões quebrados sozinha?

    Não. A IA identifica os pontos de fricção e fornece o contexto, mas você deve aplicar as mudanças de código manualmente no seu site.

  • 02

    A IA pode excluir minhas gravações do Clarity?

    Não. As ferramentas permitem apenas que a IA leia e liste os dados. Ela não pode excluir ou modificar seus dados no Microsoft Clarity.

  • 03

    A IA precisa da minha senha de login?

    Não. Você se conecta via Vinkius, que gerencia a conexão de forma segura para que seu agente acesse os dados sem que você precise compartilhar senhas no chat.

  • 04

    Ela consegue encontrar mapas de calor?

    Não. As ferramentas atuais são limitadas a rage clicks, dead clicks e gravações de sessão.

  • 05

    Como ela sabe qual gravação deve assistir?

    O agente usa os dados de clique para identificar o ID da sessão específica e, em seguida, usa esse ID para buscar a gravação correta.

  • Mais dúvidas sobre o Microsoft Clarity? Veja tudo o que o Microsoft Clarity Connector pode fazer

Conecte Microsoft Clarity ao Claude, Cursor, ChatGPT e outros