
Galeria de prévias
Skills semelhantes
Ver todas as SkillsO que você recebe
- Início, Serviços, Preços com três páginas de plano, Trabalhos com seis estudos de caso, Sobre, Processo, Contato com formulário de briefing, Termos e uma página 404 com design próprio
- O visual característico: Schibsted Grotesk combinada com Newsreader Italic, um retrato recortado em tons de azul, uma alternância funcional entre claro e escuro e uma faixa de pílulas caindo
- Estudos de caso com telas de produto desenhadas em molduras de celular e navegador, comparação de planos, FAQs, filtros e busca de trabalhos, tudo em um único arquivo que funciona offline
Ideal para
- Designers independentes que vendem planos de preço fixo e querem uma primeira impressão editorial marcante
- Desenvolvedores freelancers, designers de marca e consultores que conseguem encaixar suas ofertas em serviços, planos e estudos de caso
- Quem quer um site multipágina pronto para abrir direto do disco ou publicar como um único arquivo hoje mesmo
Não é para
- Pagamentos ou agendamentos reais: o formulário de briefing e os botões dos planos confirmam na própria página, e a entrega precisa do seu próprio backend
- Agências com equipes grandes; o layout é construído em torno de uma pessoa, um retrato e uma voz
- Paletas suaves ou multicoloridas; o estilo é branco, tinta e um único cobalto
Identidade visual e sistemas de marcaWeb design e experiências digitaisCriar página de siteCriar site de portfólioEstilo travadoResultado editávelSerifa editorialMonocromático cobaltoRetrato duotoneAlternância claro/escuroTags em pílula
Sobre esta Skill

Transforme seus serviços, planos e projetos em um site de designer que vende. O Hero coloca você dentro do título: duas palavras serifadas em itálico sobre uma palavra cobalto gigante, cortada pelo seu retrato em tons de azul, com uma pílula no cabeçalho que realmente alterna entre claro e escuro. O site inteiro, de Serviços a Termos, chega em um único arquivo que abre offline em qualquer navegador.

O que você recebe
- Página inicial com uma faixa cobalto inteira onde pílulas brancas de serviços caem e se acomodam em uma pilha, uma grade de preços, trabalhos selecionados, uma faixa de processo e depoimentos
- Serviços com preços iniciais, Preços com uma página por plano e uma comparação lado a lado, e Trabalhos com filtros, busca e seis estudos de caso
- Estudos de caso que mostram telas de produto desenhadas em molduras de celular e navegador sobre a imagem de cada projeto
- Sobre, Processo, Contato com formulário de briefing validado e horários para uma call de apresentação, Termos e uma página 404 com design próprio
- Schibsted Grotesk e Newsreader Italic incorporadas junto com todas as imagens, para que a página não faça nenhuma requisição de rede

Como usar
- Passe para a Skill seu nome, sua área, as palavras do Hero, seus serviços, de dois a quatro planos, alguns projetos e seus dados de contato.
- Ela preenche todas as páginas, escreve o que faltar em primeira pessoa com um tom confiante e lista esses rascunhos para você confirmar.
- Abra o arquivo nos dois temas, navegue por todas as páginas e peça alterações com suas próprias palavras.

Seu retrato e as novas imagens de projeto vêm de você ou da ferramenta de imagem do seu agente, que pode ter cobranças de uso próprias.
O que você precisa antes de começar
- Você fornece
- Seu nome, um logotipo de uma palavra, sua área, duas palavras em itálico para o Hero e uma palavra em cobalto · De seis a doze serviços com preços, e de dois a quatro planos com preço, prazo e o que está incluído · Projetos com cliente, função, problema, abordagem e resultado, além de dados de contato e disponibilidade
- 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 seu retrato, imagens de projetos e fotos do estúdio; opcional se você fornecer as suas
- Custos externos
- As imagens que você não fornecer são geradas com a ferramenta de imagem do seu próprio agente, o que pode gerar cobranças de uso dessa ferramenta. Fotos neutras de estúdio acompanham a Skill, as telas dos estudos de caso são desenhadas em código e a página final não faz requisições de rede. Ver o exemplo não custa nada.
- Último teste
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…









