Aula · Link da bio interativo · Skill link-da-bio

O seu link da bio, montado com o Claude.

A skill link-da-bio conduz a conversa que termina com a sua página publicada e o endereço pronto para colar no perfil: quiz que direciona quem chega, cards dos seus caminhos, formulário que entrega os contatos no seu e-mail, publicação e domínio próprio. Funciona no Claude Code, no terminal e na aba Code do aplicativo de computador.

O que a skill faz

A página é montada por blocos, e você escolhe quais entram:

Topo

A sua foto, o seu nome, uma frase sobre o que você faz e o botão do caminho principal.

Quiz

Perguntas com botões de resposta que levam quem chega ao caminho certo, em formato de lista ou de conversa com balões.

Menu rápido

Uma fileira de etiquetas, uma por caminho, que rola para o lado e desce até o card.

Cards

Um por caminho: agendar, comprar, entrar na lista, falar no WhatsApp, seguir em uma rede. Com uma cor cada um, se você quiser.

Formulário

Abre quando a pessoa clica no card e entrega o que ela digitou no seu e-mail. Pode ficar na própria página ou virar um link para mandar pelo WhatsApp.

Apresentação e rodapé

Uma foto em retrato com o texto sobre quem você é, e o rodapé com as suas redes, contato e frase de assinatura.

A página é um arquivo só, com as fotos ao lado, e não precisa de programa instalado nem de mensalidade. Para mudar depois, é só voltar em uma conversa com a skill e pedir a alteração.

Como ela conduz

Uma pergunta por vez. Você decide o conteúdo, o texto, a cor e o que entra ou sai; a skill propõe, mostra o critério e espera o seu sim.

01

Contexto

Procura o contexto do seu negócio na pasta do projeto: cores, fontes, público e tom. Se a página for de um cliente, usa o briefing dele.

02

Conteúdo

O que quem chega precisa decidir, quais são os seus caminhos e o endereço de cada um, o que cada formulário deve receber e para qual e-mail.

03

Aparência

Formato do quiz, cor dos cards, menu rápido, efeitos, bloco de apresentação, botão de WhatsApp, assinatura e fotos.

04

Quiz e textos

O Claude escreve as perguntas e todos os textos da página a partir das suas respostas, e você aprova ou troca pelo seu jeito de falar antes de qualquer arquivo ser gravado.

05

Montagem

A página é criada na pasta meu-link-da-bio, dentro da pasta do seu projeto, com as fotos recortadas ao lado.

06

A chave do formulário

Você gera uma chave gratuita no web3forms.com com o seu e-mail e cola na conversa. É ela que faz o formulário chegar na sua caixa de entrada.

07

Aprovação

Você abre a página, percorre o quiz, clica em cada card, preenche o formulário e confirma que o e-mail chegou. Nada é publicado antes disso.

08

Publicação e domínio

Você arrasta a pasta no Netlify e o endereço aparece em segundos. Se tiver domínio próprio, a skill conduz os registros e o certificado de segurança.

O que ter em mãos

  • A sua foto, ou as suas fotos, salvas no computador em .jpg. Se vieram do iPhone em .heic, exporte como .jpg pelo próprio celular antes.
  • Os endereços dos seus caminhos: página de vendas, agenda, grupo, o que for.
  • O e-mail que deve receber os contatos do formulário.
  • Uma conta gratuita no Netlify, criada em netlify.com. Dá para criar na hora da publicação, mas com a conta pronta o site já entra nela.
  • A pasta do seu projeto aberta no Claude Code, a que tem o contexto e os documentos do seu negócio.

Como instalar no Claude Code

A skill é uma pasta chamada link-da-bio, com o arquivo SKILL.md e uma pasta referencia dentro. Para o Claude enxergar a skill, a pasta precisa estar na pasta de skills do seu computador.

01

Baixe o link-da-bio.zip e descompacte. Vai aparecer a pasta link-da-bio. É essa pasta inteira que você vai copiar, e não o .zip.

02

Copie a pasta link-da-bio para dentro da pasta de skills do Claude:

WindowsC:\Users\O-SEU-NOME\.claude\skills\
Mac/Users/o-seu-nome/.claude/skills/

Se a pasta skills não existir, crie com esse nome. No Mac, a pasta .claude fica escondida: dentro da pasta do usuário, aperte Command, Shift e ponto para ela aparecer. No Windows, se ela não aparecer, no Explorador vá em Exibir, Mostrar, Itens ocultos.

O caminho final fica C:\Users\O-SEU-NOME\.claude\skills\link-da-bio\SKILL.md no Windows e /Users/o-seu-nome/.claude/skills/link-da-bio/SKILL.md no Mac. Se preferir, o Claude Code copia por você com o pedido que está ao lado.

03

Abra o Claude Code dentro da pasta do seu projeto, no terminal ou na aba Code do aplicativo, e escreva quero criar o meu link da bio. A skill instalada deve aparecer na hora na sua conversa, mas se não aparecer, comece uma conversa nova.

Instalada na pasta de usuário, a skill vale para todos os seus projetos. Se você quiser que ela valha só para uma pasta de projeto, copie a pasta link-da-bio para .claude/skills dentro dessa pasta.

Como pedir

  • Quero criar o meu link da bio.
  • Quero um link da bio interativo para o meu cliente. A skill pergunta a você, e as respostas são sobre o negócio dele.
  • Quero captar contato pela bio.
  • Mude a cor dos cards do meu link da bio, em uma conversa nova, dentro da mesma pasta do projeto, para alterar a página depois.

Para publicar a versão nova, abra o seu site no painel do Netlify, entre em Deploys e arraste a pasta meu-link-da-bio na área de arrastar que fica no fim da tela. Não use o app.netlify.com/drop de novo, porque ali ele cria um segundo site com outro endereço.