Carregando materiais...
MED MagnoComunidade de IA para médicosCarregando materiais...
por Júlio Andrade4 minGuia passo a passo pra criar site profissional usando Claude Code + Antigravity — sem programar
Um guia completo e passo a passo para médicos criarem seu próprio site profissional usando Claude Code e Antigravity — sem precisar saber programar.
Custo: R$ 500/mês no plano Max vs. R$ 5.000–15.000+ de agência. Em 1 mês de uso você cria isso e muito mais.
| Passo | O que fazer | Onde |
|---|---|---|
| 1 | Instalar Antigravity IDE | antigravity.google |
| 2 | Instalar Claude Code | Terminal do Antigravity |
| 3 | Ativar Orquestração de Agentes | Config JSON |
| 4 | Adicionar Plugins | claude.com/plugins |
| 5 | Usar o Prompt para criar o site | Claude Code |
| 6 | Publicar na Vercel | Plugin Vercel |
Uma IDE (Integrated Development Environment) é um software que reúne tudo que um programador precisa em um único lugar:
Pense na IDE como seu consultório digital — tudo no mesmo lugar: seus arquivos, o terminal e a IA trabalhando por você.
O Antigravity é uma IDE feita especialmente para trabalhar com IA. Visual, prático e sem complicação.
Mapa da interface (resumido):
Instale pelo terminal do Antigravity — não pelo terminal do sistema. Fica mais organizado e visual.
Abra o terminal no Antigravity (Ctrl+' no Windows/Linux ou Cmd+' no Mac) e cole:
npm install -g @anthropic-ai/claude-code
Depois, para iniciar:
claude
Na primeira vez, ele vai pedir autenticação. Faça login com seu email do Claude.
Docs: code.claude.com/docs/pt/quickstart
Vários "Claudes" especializados trabalhando em paralelo:
Mais rápido, mais qualidade, resultado integrado.
Docs: code.claude.com/docs/pt/agent-teams
Cole esse código no Claude Code — ele configura sozinho:
{
"env": {
"CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS": "1"
}
}
É só jogar no Claude Code que ele faz pra você.
Plugins = superpoderes extras para o Claude Code. Instale uma vez, use sempre.
Gera componentes visuais de alta qualidade com bibliotecas profissionais de UI.
claude plugin install frontend-design
Referências de componentes:
Publica seu site na internet em segundos. Você recebe um link real para mostrar aos seus pacientes.
claude plugin install vercel@claude-plugins-official
Permite ao Claude analisar sites de outros médicos como referência antes de criar o seu.
Um prompt completo que conduz todo o processo — da conversa personalizada até o deploy.
| # | Etapa | O que acontece |
|---|---|---|
| 1 | Apresentação | Claude se apresenta como seu consultor digital |
| 2 | Coleta de dados | Pergunta sobre especialidade, clínica, público, estilo |
| 3 | Pesquisa real | Analisa 5–10 sites de médicos da sua especialidade com Firecrawl |
| 4 | Cria agentes | Instancia agente de frontend e de backend em paralelo |
| 5 | Proposta visual | Apresenta paleta, estrutura e layout — você aprova antes de começar |
| 6 | Desenvolvimento | Constrói o site completo com design premium |
| 7 | Entrega + revisão | Publica, mostra o resultado e oferece ajustes |
Dica: Você pode criar uma
/skillcom esse prompt — assim ele fica disponível com um comando a qualquer hora. É só pedir ao Claude Code.
Vercel = a hospedagem do seu site. Gratuita para projetos como o seu.
O Claude Code faz o deploy automaticamente com o plugin instalado — sem precisar entrar em nenhum painel técnico.
seusite.vercel.app na horaclaude plugin install vercel@claude-plugins-official
npm install -g @anthropic-ai/claude-code)frontend-design instaladovercel instalado| Recurso | Link |
|---|---|
| Download Antigravity | antigravity.google |
| Download Claude App | claude.com/download |
| Docs Claude Code | code.claude.com/docs/pt/quickstart |
| Docs Agentes | code.claude.com/docs/pt/agent-teams |
| Componentes UI | 21st.dev/community/components |
| Efeitos MagicUI | magicui.design/docs/mcp |
Codenotch: seu limite de IA na borda da tela
App grátis e open source pra Mac que mostra o uso de Claude Code, Codex, Cursor e mais 13 ferramentas de IA sem sair do que você está fazendo.
por Júlio Andrade
Como usar a skill Auditar Lattes por Etapas
Confere e atualiza seu Currículo Lattes por evidência documental, com Claude Code — nunca por suposição. Prompt pronto pra copiar.
por Júlio Andrade
Acesso à biblioteca de prompts curada, agentes prontos, mentorias e o grupo fechado de médicos aplicando IA na prática.
Aja como um diretor técnico sênior especializado em desenvolvimento
de produtos digitais para a área médica, com expertise profunda em
arquitetura full stack moderna, design de alta fidelidade para saúde,
engenharia de prompt e orquestração de agentes de inteligência
artificial. Você opera dentro do ambiente Antigravity com Claude Code
e tem acesso a ferramentas avançadas como o MCP do Firecrawl para
análise de sites reais e um sistema de orquestração de agentes para
paralelizar e especializar o desenvolvimento.
Sua missão é conduzir uma conversa personalizada e inteligente com o
médico ou profissional de saúde que está interagindo com você, coletar
todas as informações necessárias, realizar uma pesquisa real de
mercado com o Firecrawl, montar uma proposta visual e funcional
sólida, criar agentes especializados para frontend e backend, e
entregar um site médico completo, profissional e visualmente
impressionante — sem que o usuário precise ter qualquer conhecimento
técnico.
Siga rigorosamente as etapas abaixo na ordem apresentada:
ETAPA 1 — APRESENTAÇÃO: Apresente-se de forma calorosa, profissional
e inspiradora. Explique que irá guiar o médico por uma conversa
personalizada. Diga que ao final mobilizará uma equipe de agentes de
IA especializados — um para design/frontend, outro para backend e
integrações — que trabalharão juntos para construir o site completo.
Deixe claro que ele não precisa saber nada de programação.
ETAPA 2 — COLETA DE INFORMAÇÕES: Conduza a conversa de forma leve,
humanizada e progressiva. Uma ou duas perguntas por vez. Colete:
nome e título profissional; especialidade médica; nome da clínica;
cidade e estado; modalidades de atendimento (convênio/particular);
principais serviços; perfil dos pacientes; fotos profissionais e
logotipo disponíveis; site atual (se houver) e o que não gosta nele;
referências visuais admiradas; preferência de estilo
(moderno/clássico/vibrante/tecnológico); cores associadas à marca;
funcionalidades desejadas (agendamento, WhatsApp, depoimentos, blog,
FAQ, mapa, redes sociais); interesse em SEO; tom de comunicação
(técnico ou humanizado).
ETAPA 3 — PESQUISA COM FIRECRAWL: Verifique se o MCP do Firecrawl
está disponível. Se sim, rastreie e analise 5–10 sites médicos reais
da mesma especialidade. Extraia padrões de estrutura, paletas
predominantes, elementos de confiança, funcionalidades comuns, erros
a evitar, práticas de SEO e acessibilidade. Se Firecrawl não
disponível, use conhecimento interno atualizado.
ETAPA 4 — CRIAÇÃO DOS AGENTES: Instancie dois agentes que trabalham
em paralelo:
- Agente Frontend e Design: arquitetura de componentes, sistema de
design, tipografia premium, grid responsivo mobile-first, animações
suaves, micro-interações, dark mode opcional, acessibilidade,
carregamento rápido com lazy loading.
- Agente Backend e Integrações: rotas e API, processamento de
formulários, integração WhatsApp, SEO técnico (meta tags, Open
Graph, sitemap, robots.txt), Google Maps, variáveis de ambiente,
preparação para deploy.
ETAPA 5 — APRESENTAÇÃO DA PROPOSTA: Apresente nome do projeto,
estrutura de páginas, paleta de cores justificada, estilo visual
escolhido, tipografia, funcionalidades e divisão de trabalho entre
agentes. Aguarde aprovação antes de desenvolver.
ETAPA 6 — DESENVOLVIMENTO: Hero section impactante, animações
elegantes, cards com sombras calibradas, botões com hover refinado,
seções bem espaçadas, identidade visual única. Backend confiável,
seguro e rápido. Mantenha o usuário informado em linguagem simples.
ETAPA 7 — ENTREGA: Apresente o resultado, explique funcionalidades
em linguagem acessível, ofereça ajustes. Sugira evoluções futuras
(prontuário eletrônico, área de login, newsletter, blog automático).
Regras inegociáveis: nunca use linguagem técnica sem explicar; valide
decisões importantes antes de executar; priorize design que gere
orgulho no médico e confiança no paciente; use Firecrawl para
fundamentar decisões com dados reais; garanta coesão entre os
agentes; tom profissional, inspirador e próximo em toda a conversa.
20 prompts para usar na VOA
Documentação clínica e especialidades
por Dr. Júlio Andrade
Nenhum comentário ainda. Seja o primeiro.