Pular para o conteúdo
Skillpedia
Automações48 mil · #2885

dropthehassle-publish

Ajuda seu agente a publicar sites estáticos em um link HTTPS gratuito. Ele constrói, implanta e verifica se o site está no ar, sem custos.

O que ela faz

Esta ferramenta ajuda você a colocar um site que você já criou online gratuitamente. Ela publica seus arquivos (como HTML, CSS e JavaScript) em um link seguro com HTTPS e te dá um endereço para que outras pessoas possam ver seu site.

Quando usar

  • ✓Quando você quer colocar um site que já terminou na internet.
  • ✓Quando você quer um link gratuito e seguro para compartilhar seu site.
  • ✓Quando você quer usar seu próprio domínio sem complicações técnicas.

Exemplo do que pedir para a IA

“Coloque este site que eu fiz online, por favor.”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/dropthehassle-publish/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/dropthehassle-publish/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

A ferramenta verifica se seus arquivos estão prontos para serem publicados. Depois, ela envia esses arquivos para um serviço que os disponibiliza na internet e te entrega um link para que todos possam acessar seu site.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add sickn33/agentic-awesome-skills --skill dropthehassle-publish

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/dropthehassle-publish/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

DropTheHassle publicar

Visão Geral

DropTheHassle (https://dropthehassle.com) hospeda arquivos estáticos finalizados (HTML, CSS, JS, imagens) em um link name.dropthehassle.app gratuito com HTTPS, e pode, posteriormente, colocar o mesmo site em um domínio real sem edição de DNS. Um primeiro deploy não precisa de conta: ele retorna um URL ativo e um link de reivindicação. Essa habilidade faz com que o agente verifique se a pasta é um build finalizado, o implante com a CLI ou o servidor MCP, forneça o link de reivindicação ao humano e verifique se o site está ativo. Nenhuma ferramenta DropTheHassle pode cobrar, e o agente nunca deve tentar. Adaptado da habilidade oficial, que também inclui um script local de pré-verificação e referências mais longas: https://github.com/bosmdavid-gif/dropthehassle-skill

Quando Usar Esta Habilidade

  • Use quando o usuário pedir para publicar, implantar, hospedar ou compartilhar um site que ele construiu com uma ferramenta de IA e quer DropTheHassle, ou quer em um link gratuito ou em seu próprio domínio sem trabalho de DNS e não escolheu outro host.
  • Use quando a pasta for saída estática: um index.html escrito à mão, ou um build de Vite, Astro, Create React App, Nuxt generate, Next.js output: 'export' ou TanStack Start SPA.
  • Não use para aplicativos que precisam de um servidor em tempo de execução (SSR, rotas de API, funções de servidor, PHP). Diga que DropTheHassle apenas hospeda arquivos estáticos.

Como Funciona

Passo 1: Encontre a pasta finalizada

  • Pasta simples com index.html no topo: esse é o site.
  • Projeto com um script build ou um vite.config.*, next.config.*, astro.config.* ou nuxt.config.*: procure por index.html em dist/, build/, out/ ou .output/public/. Se não houver nenhum, instale com o gerenciador de pacotes do lockfile e execute o build primeiro. Next.js precisa de output: 'export' (escreve out/).
  • Um index.html que carrega /src/main.tsx ou outro script .ts, .tsx, .jsx ou /src/ é um ponto de entrada de desenvolvimento. Faça o build.
  • A CLI DropTheHassle e o servidor MCP nunca executam o build. Em fontes não compiladas, eles param e imprimem o comando de build.

Passo 2: Verifique os limites

Antes do site ser reivindicado: 25 MB e 1.000 arquivos, e nenhum executável ou arquivo compactado (.exe .msi .apk .dmg .scr .bat .zip .rar .7z .iso). Logado: 100 MB e 5.000 arquivos. Uma rede pode criar 5 novos sites não reivindicados por hora e 20 por dia. node_modules, .git e arquivos ocultos são deixados de fora, exceto .well-known.

Passo 3: Implante

CLI, execute na pasta do projeto após o build (ou na pasta do site simples):

npx -y dropthehassle deploy .

Ele imprime o URL ativo e um link de reivindicação, e escreve .dropthehassle.json nessa pasta para que o próximo deploy a partir dela atualize o mesmo site. Esse arquivo contém a chave do site: mantenha-o fora do git. --login coloca o site na conta do humano após uma aprovação no navegador; --slug name só funciona com --login; --code XXXX-XXXX usa um código de painel de 15 minutos para um site existente.

MCP, no Claude Code:

claude mcp add dropthehassle -- npx -y dropthehassle-mcp

Em seguida, chame deploy_site com folder definido como o caminho absoluto. O conector hospedado https://dropthehassle.com/mcp não consegue ler o disco: envie files inline como {path, content, encoding} (utf8 ou base64). Ferramentas de conta precisam do token do humano de dropthehassle.com, menu, Conectar sua IA, definido como DTH_TOKEN pelo humano em sua própria configuração.

Passo 4: Entregue e verifique

Informe ao humano o URL ativo e o link de reivindicação, e que o link de reivindicação funciona por 7 dias. Um site não reivindicado pode ser removido após esse período. Em seguida, verifique:

curl -s "https://dropthehassle.com/api/v1/check?host=NAME.dropthehassle.app"

outcome deve ser live e secure verdadeiro. A mesma verificação está em https://dropthehassle.com/is-my-website-down.

Passo 5: Domínios, apenas se solicitado

Verifique nomes com a ferramenta MCP search_domain ou curl -s "https://dropthehassle.com/api/v1/domains/search?q=NAME.com", e reporte apenas nomes que a resposta marcar como available, com o preço que retornou. Comprar é o passo do humano: após ele reivindicar o site, get_checkout_link retorna um link checkout.stripe.com para ele abrir e pagar.

Exemplos

Exemplo 1: Projeto Vite

User: Put this site online.
Agent: No dist/ yet, so runs npm install && npm run build, then npx -y dropthehassle deploy .
       Reports: Live at https://yourname.dropthehassle.app, plus the claim link (7 days).
       Runs the live check: outcome "live", secure true.

Exemplo 2: Busca de domínio

Usuário: Existe um .com para isso?

…
Perguntas frequentes

O que são 'arquivos estáticos'?

São arquivos que não mudam a cada visita, como páginas HTML, estilos CSS e scripts JavaScript. Sites feitos com ferramentas como Vite, React ou Astro geralmente geram esses arquivos.

Posso colocar qualquer tipo de site online?

Não, esta ferramenta é apenas para sites feitos com arquivos estáticos. Ela não funciona para sites que precisam de um servidor rodando o tempo todo para funcionar (como sites com áreas de login complexas ou que rodam código no servidor).

O que é o 'link de reivindicação'?

É um link especial que você recebe junto com o link do seu site. Ele serve para você provar que o site é seu e poder gerenciá-lo depois, como adicionar seu próprio domínio. Ele só vale por 7 dias.

Detalhes

Descrição original do autor

Publish a finished static site to a free HTTPS link with DropTheHassle: build it if needed, deploy, hand over the claim link, verify it is live, never spend money.

repo: sickn33/agentic-awesome-skills

Popularidade

Estrelas no GitHub
48 mil
Posição no ranking
#2885
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas