O que happy-trip-site faz?
Habilidade de agente para gerar sites de itinerários de viagem com design mobile-first, mídia real, validação e implantação no Vercel.
Visão Geral
Esta habilidade capacita seu agente de IA a criar sites de itinerários de viagem completos e responsivos para dispositivos móveis. Ela lida com a geração de todo o frontend (HTML, CSS, JavaScript), integração de mídia (imagens, vídeos, mapas incorporados), validação de campos de formulário e deploy automatizado no Vercel.
Funcionalidades
- Mobile-First: Design responsivo otimizado para smartphones e tablets
- Mídia Real: Suporte para incorporar fotos, vídeos do YouTube e mapas do Google Maps
- Validação: Verificações automáticas de links, campos obrigatórios e formatação
- Deploy Vercel: Implantação com um comando via Vercel CLI
- Personalização: Fácil customização de cores, fontes e layout
Como Usar
- Inicie o agente com o contexto de habilidade ativado
- Forneça os dados do itinerário: destino, datas, atividades, mídia
- O agente gera o site completo em uma pasta local
- Execute a validação:
npm run validate - Implante no Vercel:
vercel --prod
Pré-requisitos
- Node.js 18+
- Vercel CLI instalado globalmente (
npm i -g vercel) - Conta no Vercel (gratuita)
Exemplo de Prompt
Crie um site de viagem para Paris, 3 dias, com fotos da Torre Eiffel, mapa do centro e formulário de reserva.
Estrutura do Projeto
projeto-viagem/
├── index.html
├── css/
│ └── style.css
├── js/
│ └── app.js
├── assets/
│ └── images/
└── vercel.json
Suporte
Para dúvidas ou sugestões, abra uma issue no repositório original.