Landing page ilustrada para app de agritechv1.0.2
Use esta Skill para criar landing page.
Em alta
5.029 downloads0 curtidas0 salvamentos
$4.99
O que eu recebo ao comprar esta Skill?Um site de produto multipágina, claro e ilustrado: Hero arredondado com degradê de céu e uma paisagem rural em vetor plano subindo da base, um pequeno celular inclinado mostrando o app, cards de recursos coloridos e faixas de produto em azul saturado. As páginas internas são desenhadas de verdade: páginas de solução com widgets interativos próprios, um Dashboard da plataforma ao vivo, preços com estimador de hardware, um construtor de regras, artigos completos de blog e um cadastro em várias etapas. Todas as ilustrações seguem uma única direção de arte, então o site parece desenhado por uma só mão.
Mais escolhida por
Atualizada em 3 de out. de 2026
Galeria de prévias
Skills semelhantes
Ver todas as Skills
O que você recebe
- Um site completo em um único arquivo HTML autocontido que abre offline; o exemplo da Haywren tem 25 rotas conectadas, de soluções e preços a blog, sobre, contato e páginas legais
- Ferramentas que funcionam: um Dashboard de campo interativo, um widget em cada página de solução, alternância de cobrança e estimador de hardware, um construtor de regras de automação e um cadastro em várias etapas
- Um único estilo de ilustração em vetor plano para todas as imagens, um mockup de celular ao vivo, tipografia Bricolage Grotesque, Figtree e Geist Mono, e adaptação para o seu framework sob pedido
Ideal para
- Produtos de agritech, alimentos, jardinagem, atividades ao ar livre e serviços de campo que querem um visual ilustrado e amigável em vez de fotos de banco de imagens
- Criadores de apps que precisam de uma família completa de páginas (soluções, preços, blog, sobre, download) e não só de uma landing page
- Equipes que querem um site independente agora, ou o mesmo design construído em Vue, React, Astro ou Next.js
Não é para
- Um backend pronto: os formulários de cadastro, contato e link do app confirmam na página, mas não enviam, criam nem cobram nada
- Marcas que precisam de fotografia: todas as imagens seguem um único estilo de ilustração em vetor plano
- Projetos que querem outra direção visual: a moldura de céu, a faixa de paisagem, o mockup de celular e as faixas azuis são o próprio design
Identidade visual e sistemas de marcaWeb design e experiências digitaisCriar landing pageEstilo travadoResultado editávelAzul fazendaHero de fazendaPaisagem de fazendaCelular de fazenda
Sobre esta Skill
Descreva seu produto e as páginas dele e receba um site ilustrado completo: Hero arredondado com degradê de céu e uma paisagem rural subindo da base, um pequeno celular inclinado mostrando o app, cards de recursos coloridos e faixas de produto em azul saturado. Tudo chega em um único arquivo autocontido que abre em qualquer navegador e funciona offline.
O que você recebe
- Uma família completa de páginas: início, plataforma, páginas de solução, automação, preços, blog e artigos, sobre, contato, download do app, cadastro, privacidade, termos e uma página 404 desenhada
- Páginas internas com ferramentas reais: um Dashboard de campo com seletores de período, um widget em cada página de solução, um estimador de hardware e um construtor de regras de automação
- Um único estilo de ilustração em vetor plano em todos os espaços, com as telas do app desenhadas como interface ao vivo no celular
- Filtros, busca, carrosséis e formulários que validam e confirmam, com movimento suave que respeita a configuração de movimento reduzido
- Sob pedido, o mesmo design construído como componentes e rotas na sua própria stack
Como usar
- Compartilhe sua marca, seu público, produtos ou soluções e as páginas de que precisa; anotações soltas bastam, e os fatos redigidos são listados para você confirmar
- Envie ilustrações que sejam suas ou deixe a Skill gerar um conjunto combinando, com um tema por espaço
- Abra o arquivo final no navegador, navegue por todas as páginas e peça alterações com suas próprias palavras
Novas ilustrações são geradas com a ferramenta de imagens do seu agente, que pode ter cobranças de uso próprias. Fontes e imagens ficam embutidas no arquivo final.
O que você precisa antes de começar
- Você fornece
- Nome da marca, público e uma breve apresentação do produto · Produtos, soluções ou histórias com descrições úteis, e as páginas de que você precisa · Ilustrações que sejam suas, ou permissão para gerar um novo conjunto combinando
- Dependências
- Node.js 18 ou mais recente na máquina do seu agente, para rodar o script incluído que gera o arquivo único offline · Acesso à internet durante a geração do arquivo, para que as fontes sejam baixadas uma vez e embutidas · Uma ferramenta de geração de imagens no seu agente, ou ilustrações que sejam suas, para a arte específica do produto
- Custos externos
- Novas ilustrações são geradas com a própria ferramenta de imagens do seu agente, o que pode gerar cobranças de uso dessa ferramenta. Ilustrações que você já tem não custam nada, e os cenários rurais neutros do exemplo podem ser reaproveitados para marcas rurais, de alimentos ou ao ar livre.
- Último teste
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…