Communitygithub.com

jhd3197/AgentSite

Página de marketing para um produto SaaS — herói, prova social, recursos, amostra de preços, CTA.

O que é AgentSite?

Esta habilidade permite que um agente de IA, como Claude Code, Cursor ou Codex, construa uma única página de marketing de alto nível para um produto SaaS, com foco em qualidade profissional em vez de modelos genéricos. Ela orienta a criação de seções essenciais como navegação fixa, herói com chamadas para ação, prova social (logotipos ou métricas), grade de recursos com benefícios concretos, uma seção de aprofundamento em um recurso diferenciador, depoimentos, amostra de preços e rodapé completo. A habilidade impõe regras de qualidade rigorosas, como o uso de uma cor de destaque, cópia específica ao produto, imagens reais ou placeholders (nunca fotos de banco de imagens), design mobile-first (360px) e um CTA visível acima da dobra. É útil para desenvolvedores e profissionais de marketing que desejam criar rapidamente uma landing page eficaz e personalizada para seu SaaS, economizando tempo e garantindo boas práticas de conversão.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jhd3197/AgentSite/tree/HEAD/agentsite/skills/saas-landing

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Página de vendas SaaS

Você está construindo uma única página de vendas para um produto SaaS. O objetivo é que tenha qualidade de marketing, não de template.

Seções obrigatórias (nesta ordem)

  1. Navegação fixa — logotipo, 3-5 links para produto/soluções/preços/docs/login, CTA principal à direita.
  2. Hero — um título curto de benefício (≤ 10 palavras), um subtítulo (≤ 20 palavras), CTA principal + CTA secundário, um visual do produto (captura de tela, ilustração ou placeholder identificado — não uma foto de banco de imagens de pessoas).
  3. Prova social — faixa de logotipos (4-6 clientes) OU faixa de métricas numéricas ("12.000 equipes enviando conosco"). Use um placeholder identificado se não houver logotipos reais.
  4. Grade de recursos — 3-6 recursos específicos com benefícios concretos. Sem ícones genéricos (sem ✨ 🚀).
  5. Uma seção de aprofundamento — escolha o recurso mais diferenciador e mostre-o com um visual amplo + 2-3 marcadores de apoio.
  6. Depoimento / estudo de caso — uma citação forte com atribuição OU um mini estudo de caso com uma métrica.
  7. Amostra de preços — 3 cartões de planos OU um único CTA para /precos.
  8. Rodapé — várias colunas com produto / empresa / recursos / legal.

Regras de qualidade

  • Uma cor de destaque decisiva, usada no máximo duas vezes em uma única tela.
  • O texto deve ser específico para o prompt — nada de "Recurso Um / Recurso Dois", nada de "Bem-vindo ao nosso site".
  • Todas as imagens são reais ( biblioteca de ativos), placeholders identificados ou geradas via generate_image — nunca URLs de fotos de banco de imagens que possam quebrar.
  • Mobile-first: funciona em 360px sem rolagem horizontal.
  • Um CTA principal visível acima da dobra.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Habilidades Relacionadas