Landing page CMS Contexav1.0.6
Use esta Skill para criar página de site.
Em alta
5.030 downloads0 curtidas0 salvamentos
$4.99
O que eu recebo ao comprar esta Skill?Crie um site de marketing para um produto de desenvolvedor que se explica por meio de UI funcional: um design com tema claro como padrão e grade com bordas, um único destaque verde, um Hero calmo e centralizado e, logo abaixo, um estúdio de conteúdo clicável com entradas, filtros e um playground de API. Em seguida vêm um bento de recursos, uma demo de sincronização do modelo para o estúdio, abas de quickstart por framework, branches de conteúdo com fluxo de merge, segurança, um caso de cliente, preços e FAQ, além de páginas de docs, changelog, cadastro, login, contato, status e jurídico nos temas claro e escuro. Você recebe um único arquivo autocontido que funciona offline.
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 de ferramenta para desenvolvedores com um Hero de produto funcional: um estúdio de conteúdo com entradas, pílulas de status, filtros, busca e um playground de API sob um título calmo e centralizado
- Bento de recursos, demo de sincronização do modelo, abas de quickstart, fluxo de merge de branches, segurança, caso de cliente, preços e FAQ, além de páginas de docs, changelog, autenticação, contato, status e jurídico
- Temas claro e escuro e fotos editoriais geradas para o caso de cliente, a biblioteca de mídia e os avatares, tudo incorporado em um único arquivo que funciona offline
Ideal para
- Equipes lançando uma API, headless CMS, SDK ou produto de infraestrutura que querem que o produto se explique por meio de UI funcional
- Fundadores focados em desenvolvedores que precisam de páginas de docs, changelog, preços, autenticação e status que combinem com a landing page
- Equipes que querem um único arquivo offline para uma demo ou lançamento, ou o mesmo design levado para um projeto com framework já existente
Não é para
- Marcas de consumo, lifestyle ou varejo: a grade com bordas, os detalhes em monoespaçada e as abas de código falam com desenvolvedores
- Equipes que precisam de um CMS com banco de dados ou de um blog real: o conteúdo fica como dados estáticos dentro da página
- Cadastro, cobrança ou monitoramento de disponibilidade reais: os formulários e a página de status são simulações de front-end com dados de exemplo
Lançamento de produto e crescimento de appsWeb design e experiências digitaisCriar página de siteCriar landing pageGerar template de siteEstilo travadoResultado editávelFoco em conversãoClaro primeiroGrade com bordasAbas de códigoMockups de UI flatDestaque verdeDecoração monoespaçada
Sobre esta Skill
A Landing page CMS Contexa cria um site de marketing para um produto de desenvolvedor que se explica por meio de UI funcional. O tema claro é o padrão, com tons quase neutros e um único destaque verde, dentro de uma grade fina com bordas, tipografia de display compacta e detalhes em monoespaçada. O exemplo é Contexa, um headless CMS fictício, mostrado com o workspace do cliente Halvorne Travel.
O que você recebe
- Um estúdio de conteúdo clicável no Hero: entradas com pílulas de status, chips de filtro, busca com estado vazio e um painel de requisição e resposta
- Seções da landing page com layouts variados: bento de recursos, uma demo de sincronização do modelo para o estúdio, abas de quickstart por framework, branches de conteúdo com fluxo de merge, segurança e status, um caso de cliente, preços com alternância de cobrança, FAQ e cadastro
- Páginas internas: docs com busca, changelog e roadmap, cadastro, login, contato com vendas, caso de cliente, status, privacidade, termos e uma página de não encontrado
- Temas claro e escuro, um rodapé invertido sob um logotipo gigante esmaecido e um único arquivo que abre em qualquer navegador e funciona offline
Como usar
- Compartilhe o nome do produto, a promessa em uma linha, os objetos principais, os frameworks suportados e os planos; o que faltar é rascunhado e listado para você.
- Seu agente reconstrói o estúdio em torno dos objetos do seu produto, reescreve cada seção e página e gera fotos combinando.
- Abra o arquivo, alterne entre claro e escuro, clique em cada aba, formulário e página, e peça alterações com suas próprias palavras.
As fotos vêm da ferramenta de imagem do seu agente quando houver uma disponível, o que pode gerar cobranças de uso dessa ferramenta. Todo cliente, pessoa e número do exemplo é fictício e é substituído pelos seus fatos ou por placeholders claramente listados.
O que você precisa antes de começar
- Você fornece
- Nome do produto, promessa em uma linha e seus objetos principais (entradas, requisições, jobs ou deployments) · Frameworks ou SDKs suportados, o comando de instalação e os nomes e preços dos planos · Fatos de segurança, clientes e depoimentos que você pode confirmar (opcional; as lacunas viram placeholders listados)
- 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 imagem no seu agente para as fotos editoriais (opcional; sem ela, você fornece as fotos ou recebe espaços identificados)
- Custos externos
- As fotos do caso de cliente, da biblioteca de mídia e dos avatares são geradas com a ferramenta de imagem do seu próprio agente quando houver uma disponível, o que pode gerar cobranças de uso dessa ferramenta. Sem uma, o agente usa suas fotos ou deixa espaços claramente identificados. Nada mais usa serviço pago.
- Último teste
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…