Htmx skill

O que ela faz

A skill é um conjunto de regras pro Claude trabalhar com o HTMX, biblioteca que deixa a página interativa com atributos no próprio HTML. Em vez de escrever JavaScript, ele usa hx-get, hx-post e hx-delete pra chamar o servidor, e hx-target e hx-swap pra dizer onde a resposta entra na tela.

Ela pede que o servidor devolva só o pedaço de HTML que muda, com validação no servidor, código de erro certo e mensagem clara pro usuário. Traz exemplos de botão que carrega conteúdo, formulário enviado sem recarregar a página e exclusão com confirmação pelo hx-confirm.

Cobre também hx-push-url pra atualizar o endereço sem recarregar, hx-boost pra acelerar links, indicador de carregamento e uso junto com Bootstrap ou Tailwind, com os templates divididos em pedaços reaproveitáveis.

Nas palavras de quem fez

Quando usar

• Deixar um painel interno interativo sem montar um app em React
• Fazer um formulário de cadastro que responde sem recarregar a página
• Pôr busca, filtro ou 'carregar mais' numa página feita no servidor
• Adicionar botão de excluir com confirmação numa lista

Depois de instalar, é só pedir assim

• Faz a lista de leads carregar ao clicar no botão usando HTMX, sem escrever JavaScript
• Muda esse formulário de contato pra enviar com hx-post e mostrar a mensagem de sucesso no lugar dele
• Coloca um botão de excluir em cada linha da tabela, com confirmação antes

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykPassou

Perguntas