Site no Ar

Prompt para site de desenvolvedor web

Um prompt completo para a sua IA criar o site de desenvolvedor web, com as seções certas, os serviços de desenvolvedores web e as regras que evitam texto inventado. Copie, preencha os seus dados e receba o site publicado.

O prompt para o site de desenvolvedor web

Escolha o ponto de partida, copie e cole na sua IA conectada ao Site no Ar. Os trechos entre colchetes são os seus dados.

Começando do template pronto

A IA parte de um site já publicado, com layout testado, e troca o conteúdo pelo do seu negócio. É o caminho mais rápido.

Quero criar e publicar o site de desenvolvedor web usando o Site no Ar.

Sobre o negócio (troque o que está entre colchetes):
- Nome: [nome do negócio]
- Cidade e bairro: [cidade, bairro]
- WhatsApp: [número com DDD]
- Diferenciais: [o que você faz melhor que a concorrência]
- Serviços: site institucional, landing page, sistema web sob medida, integração com APIs, manutenção de sites, otimização de desempenho, white label para agências [apague o que não oferece e acrescente o que faltar]

Objetivo: quem chega ao site quer ver projetos no ar e as tecnologias usadas, saber o formato de contratação e pedir orçamento. A ação principal é pedir orçamento do projeto, e esse botão aparece no topo e no fim da página.

Crie o site a partir do template "portfolio-pessoal-ou-profissional" (Portfólio para apresentar trabalhos) do Site no Ar e troque todo o conteúdo de exemplo pelo meu.

Seções, nesta ordem:
1. Abertura com a stack: O que você desenvolve e com quais tecnologias. Exemplo: "Desenvolvedor front-end com React e Next.js, atendendo agências e startups."
2. Projetos: Cada projeto com link, tecnologias e o que você fez nele. Exemplo: "Painel de agendamentos para rede de clínicas: React e Node. Fiz o front e a integração com WhatsApp."
3. Stack e ferramentas: Linguagens, frameworks e serviços com que você trabalha. Exemplo: "TypeScript, React, Astro, Node, PostgreSQL e Cloudflare."
4. Formatos de contratação: Projeto fechado, banco de horas ou white label para agências. Exemplo: "Projeto com escopo fechado, banco de 20 horas por mês ou alocação para agências."
5. Contato com briefing: Pede o mínimo para você responder com uma estimativa. Exemplo: "Tipo de projeto, prazo, se já existe design e faixa de orçamento."

Sinais de confiança que o site precisa mostrar:
- projetos no ar com link
- GitHub público
- papel em cada projeto explicado
- depoimentos de clientes e agências

Regras:
- Não invente depoimentos, números, prêmios, preços ou registros profissionais. Onde faltar informação, escreva [a preencher] e me avise.
- Escreva em português do Brasil, com frases curtas, pensando em quem busca desenvolvedor web em [cidade] pelo celular.
- Crie título e descrição de página para o Google com o nome do negócio, o serviço e a cidade.
- Telefone e WhatsApp clicáveis, endereço com link para o mapa.

Quando terminar: abra a pré-visualização, confira no celular, publique no Site no Ar e me mande o link público.

Criando do zero

A IA cria um site novo, com visual próprio, seguindo a mesma estrutura. Bom quando você quer uma identidade diferente dos templates.

Quero criar e publicar o site de desenvolvedor web usando o Site no Ar.

Sobre o negócio (troque o que está entre colchetes):
- Nome: [nome do negócio]
- Cidade e bairro: [cidade, bairro]
- WhatsApp: [número com DDD]
- Diferenciais: [o que você faz melhor que a concorrência]
- Serviços: site institucional, landing page, sistema web sob medida, integração com APIs, manutenção de sites, otimização de desempenho, white label para agências [apague o que não oferece e acrescente o que faltar]

Objetivo: quem chega ao site quer ver projetos no ar e as tecnologias usadas, saber o formato de contratação e pedir orçamento. A ação principal é pedir orçamento do projeto, e esse botão aparece no topo e no fim da página.

Crie uma Landing Page nova no Site no Ar, com visual próprio, sem partir de template.

Seções, nesta ordem:
1. Abertura com a stack: O que você desenvolve e com quais tecnologias. Exemplo: "Desenvolvedor front-end com React e Next.js, atendendo agências e startups."
2. Projetos: Cada projeto com link, tecnologias e o que você fez nele. Exemplo: "Painel de agendamentos para rede de clínicas: React e Node. Fiz o front e a integração com WhatsApp."
3. Stack e ferramentas: Linguagens, frameworks e serviços com que você trabalha. Exemplo: "TypeScript, React, Astro, Node, PostgreSQL e Cloudflare."
4. Formatos de contratação: Projeto fechado, banco de horas ou white label para agências. Exemplo: "Projeto com escopo fechado, banco de 20 horas por mês ou alocação para agências."
5. Contato com briefing: Pede o mínimo para você responder com uma estimativa. Exemplo: "Tipo de projeto, prazo, se já existe design e faixa de orçamento."

Sinais de confiança que o site precisa mostrar:
- projetos no ar com link
- GitHub público
- papel em cada projeto explicado
- depoimentos de clientes e agências

Regras:
- Não invente depoimentos, números, prêmios, preços ou registros profissionais. Onde faltar informação, escreva [a preencher] e me avise.
- Escreva em português do Brasil, com frases curtas, pensando em quem busca desenvolvedor web em [cidade] pelo celular.
- Crie título e descrição de página para o Google com o nome do negócio, o serviço e a cidade.
- Telefone e WhatsApp clicáveis, endereço com link para o mapa.

Quando terminar: abra a pré-visualização, confira no celular, publique no Site no Ar e me mande o link público.

Ainda não conectou a sua IA? Veja como conectar. Quer prompts para outras profissões? Veja a biblioteca de prompts.

Como usar o prompt

  1. 1. Conecte a sua IA ao Site no Ar

    Claude, ChatGPT, Codex, Cursor, Gemini ou outro cliente compatível. A autorização é feita uma vez, no navegador.

  2. 2. Preencha os colchetes

    Troque nome, cidade, WhatsApp e diferenciais pelos seus. Apague os serviços que você não oferece.

  3. 3. Cole o prompt e revise

    A IA monta o site, mostra a pré-visualização e pergunta o que faltar. Peça ajustes na mesma conversa.

  4. 4. Receba o link no ar

    A IA publica pelo Site no Ar e devolve o link. Depois, conecte o domínio próprio do seu negócio.

O que o site de desenvolvedor web precisa resolver

Empresas e agências contratam desenvolvedor pelo que ele já colocou no ar e pelas tecnologias que domina. O site mostra projetos com link, a stack de cada um e o seu papel, e explica se você aceita projeto fechado, banco de horas ou alocação.

O que o visitante quer

Quem chega ao site quer ver projetos no ar e as tecnologias usadas, saber o formato de contratação e pedir orçamento.

O que passa confiança

  • projetos no ar com link
  • GitHub público
  • papel em cada projeto explicado
  • depoimentos de clientes e agências

O que o prompt pede para o site de desenvolvedor web

A IA recebe esta estrutura, com um exemplo de texto em cada seção. Você pode mudar a ordem ou tirar seções antes de colar.

  1. Abertura com a stack

    O que você desenvolve e com quais tecnologias.

    ExemploDesenvolvedor front-end com React e Next.js, atendendo agências e startups.
  2. Projetos

    Cada projeto com link, tecnologias e o que você fez nele.

    ExemploPainel de agendamentos para rede de clínicas: React e Node. Fiz o front e a integração com WhatsApp.
  3. Stack e ferramentas

    Linguagens, frameworks e serviços com que você trabalha.

    ExemploTypeScript, React, Astro, Node, PostgreSQL e Cloudflare.
  4. Formatos de contratação

    Projeto fechado, banco de horas ou white label para agências.

    ExemploProjeto com escopo fechado, banco de 20 horas por mês ou alocação para agências.
  5. Contato com briefing

    Pede o mínimo para você responder com uma estimativa.

    ExemploTipo de projeto, prazo, se já existe design e faixa de orçamento.

Para o resultado sair melhor

  • Fotos reais valem mais que qualquer texto: separe fotos do espaço, da equipe e do trabalho de desenvolvedor web.
  • Diga o bairro e a cidade. Quem procura desenvolvedor web no Google quase sempre busca perto de casa.
  • Liste preços ou faixas "a partir de" quando puder. Isso filtra contatos antes de o cliente chegar ao botão de pedir orçamento do projeto.
  • Peça uma revisão final: "leia o site como um cliente e me diga o que está confuso".

Dúvidas sobre o site de desenvolvedor web

Posso mostrar projetos feitos para agências sob sigilo?

Pode descrever o projeto sem o nome do cliente final, com as tecnologias e o seu papel. Cada projeto do portfólio tem título, descrição e imagem, e o link é opcional.

Mando proposta de projeto fechado pelo mesmo site?

Use a proposta comercial interativa: cada cliente recebe um link com escopo por fases, cronograma, valor e o que não está incluso, como conteúdo e hospedagem. O aceite chega pelo WhatsApp.

Em qual IA eu colo o prompt?

Em qualquer cliente compatível com o Site no Ar, como Claude, ChatGPT, Codex, Cursor ou Gemini. Conecte o Site no Ar uma vez e a mesma conversa cria, publica e devolve o link do site.

Posso usar o prompt sem o Site no Ar?

A IA consegue escrever o site com o prompt, mas aí você precisa hospedar, configurar o domínio e publicar cada mudança por conta própria. Com o Site no Ar conectado, a IA publica sozinha e o link volta na conversa.

Preciso saber programar?

Não precisa escrever código. Você pede as mudanças em português para a sua IA conectada ao Site no Ar, como Claude, ChatGPT, Codex, Cursor ou Gemini CLI, e ela edita e publica o site. A IA é sua; o Site no Ar publica e mantém o site no ar.