
Galeria de prévias
Skills semelhantes
Ver todas as SkillsO que você recebe
- Um site SaaS completo: início, comparação de planos, blog com sete artigos completos, changelog, sobre e vagas, contato, login, cadastro, redefinição de senha, termos legais e 404
- Interface do produto desenhada em código que responde: visões de quadro, linha do tempo e lista, chips de filtro, uma demo de dependências, seletor de período do resumo e rebalanceamento de riscos com desfazer
- O visual loopwise: fundo branco com toques suaves de azul-céu, menta e pêssego, granulação fina, tipografia ardósia e um único destaque azul, em um arquivo offline
Ideal para
- Equipes lançando um produto de gestão de projetos, colaboração ou produtividade que precisam de um site confiável rapidamente
- Criadores de help desk, CRM e ferramentas para desenvolvedores que podem renomear o quadro, o resumo e as linhas de risco em torno dos próprios objetos
- Profissionais de marketing que querem páginas de blog, changelog e comparação já combinando com a página inicial
Não é para
- Um site com CMS ou em vários idiomas; artigos e entradas de changelog ficam como conteúdo estático na página
- Marcas que querem um visual escuro ou chamativo por padrão; o loopwise é claro em primeiro lugar, com o escuro como opção
- Cadastros reais: os formulários de autenticação e contato validam e confirmam na página, e precisam do seu próprio backend
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ãoHero com dashboardClaro primeiroCards arredondadosMovimento de letreiroTextura granuladaLavagem degradê pastel
Sobre esta Skill

Descreva seu produto e receba um site de marketing claro e tranquilo em que o produto é o Hero: um título centralizado em duas linhas sobre um quadro de projeto ao vivo em uma moldura de vidro. Todo caminho de que o visitante precisa, de comparar planos a ler um artigo ou se cadastrar, funciona, e o site inteiro chega em um único arquivo que abre offline em qualquer navegador.

O que você recebe
- Um quadro no Hero que alterna entre linha do tempo e lista, um letreiro rolante de logotipos de clientes e um carrossel de fluxos com abas de ícones e painéis funcionais
- Um bento de recursos com seis células, linhas de relatório com gráfico de resumo e rebalanceamento de riscos, um caso de cliente e um mosaico de depoimentos
- Segurança e integrações, preços com alternância mensal ou anual, FAQ e uma fileira de artigos
- Páginas de comparação de planos, blog e artigos, changelog, sobre e vagas, contato, login, cadastro, redefinição de senha, termos legais e 404
- Um tema escuro funcional, com fontes e fotos embutidas para que a página não faça requisições de rede

Como usar
- Informe à Skill o nome do produto, a promessa, os objetos que ele gerencia, os principais recursos, os planos de preço e a principal chamada para ação.
- Ela reconstrói o quadro, os painéis e o resumo em torno dos seus objetos, redige o que faltar e lista tudo para você confirmar.
- Abra o arquivo nos temas claro e escuro, navegue por todas as abas, formulários e páginas, e peça alterações com suas próprias palavras.

Novas fotos vêm da ferramenta de imagens do seu agente, que pode ter cobranças de uso próprias.
O que você precisa antes de começar
- Você fornece
- Nome do produto, uma promessa em uma linha e os objetos que ele gerencia (tarefas, projetos, documentos, solicitações) · De quatro a seis recursos principais, integrações e fatos de segurança que você pode confirmar · Planos de preço e limites, a principal chamada para ação e fatos da empresa para a página Sobre
- 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 imagens no seu agente para as fotos do caso de cliente, da equipe e de retrato; opcional se você fornecer as suas
- Custos externos
- As fotos que você não fornecer são geradas com a própria ferramenta de imagem do seu agente, o que pode gerar cobranças de uso dessa ferramenta. A UI do produto é construída em código, e a página finalizada não faz requisições de rede. Ver o exemplo não custa nada.
- Último teste
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…









