
Galeria de prévias
Skills semelhantes
Ver todas as SkillsO que você recebe
- Um portfólio completo: início, sobre, índice de serviços com uma página por serviço, índice de trabalhos com um estudo de caso por projeto, depoimentos, FAQ, formulário de briefing, privacidade e página de não encontrado
- O visual da moldura verde-limão: borda verde-limão, folha branca, nome em grotesca negrito, card de retrato centralizado com indicador de disponibilidade, letreiro de logotipos, faixa de números quase preta e faixa de CTA verde-limão
- Partes que funcionam: filtros e busca de trabalhos, busca no FAQ por tema, carrossel de depoimentos, vitrines de projeto integradas à página e formulário de briefing com validação
Ideal para
- Designers freelancers e pequenos estúdios que querem um site vibrante e confiante, que venda a pessoa tanto quanto o trabalho
- Designers com serviços e preços bem definidos que querem cada oferta e cada projeto em uma página própria
- Fotógrafos, ilustradores ou desenvolvedores que conseguem encaixar encomendas ou projetos nas mesmas páginas de serviço e estudo de caso
Não é para
- Marcas sóbrias ou corporativas: a moldura verde-limão e a tipografia forte são vibrantes e pessoais de propósito
- Um link na bio ou currículo de uma página: a Skill cria um site completo com serviços, estudos de caso e FAQ
- Agendamento ou pagamentos ao vivo: os formulários de briefing e newsletter validam e confirmam na página, mas não enviam nada
Identidade visual e sistemas de marcaWeb design e experiências digitaisCriar página de siteCriar site de portfólioEstilo travadoResultado editávelHero com retratoFaixa escura de métricasMoldura de página limaCard de folha brancaLetreiro de logotipo
Sobre esta Skill

O Portfólio de designer com moldura verde-limão cria um site pessoal que parece uma folha branca sobre uma mesa verde-limão. Uma única folha branca arredondada abriga todas as páginas, de um Hero calmo em três colunas a páginas de serviço desenhadas, estudos de caso e um formulário de briefing. O exemplo é Rowan Ashby, um designer digital fictício, com 19 páginas conectadas.

O que você recebe
- Início: Hero, letreiro rolante de logotipos de clientes, índice de serviços, seção de colaboração com fotos do processo, faixa de números quase preta, trabalhos em destaque, carrossel de depoimentos, prévia do FAQ e uma faixa de CTA verde-limão
- Uma página para cada serviço com preço, prazo, o que está incluído e etapas, e um estudo de caso para cada projeto com resultados, entregas e uma vitrine dentro da página
- Sobre, depoimentos, FAQ com busca, formulário de briefing com chips e validação, privacidade e página de não encontrado
- Tipografia grotesca em negrito, movimento suave e um único arquivo que abre em qualquer navegador e funciona offline

Como usar
- Compartilhe seu nome, sua função, sua oferta em uma linha, serviços com preços, projetos com resultados e depoimentos de clientes.
- Seu agente preenche todas as páginas, planeja e gera as fotos que você não fornecer e monta uma vitrine para cada projeto.
- Abra o arquivo, navegue por todos os serviços e estudos de caso, envie um briefing de teste e peça alterações com suas próprias palavras.

Os retratos gerados são provisórios, então suas próprias fotos funcionam melhor. Imagens criadas com a ferramenta de imagem do seu agente podem gerar cobranças de uso dessa ferramenta.
O que você precisa antes de começar
- Você fornece
- Nome, função em duas palavras, oferta em uma linha, data de disponibilidade e contatos · Serviços com preço, prazo e o que está incluído, além de projetos com cliente, briefing e resultados · Seu retrato, depoimentos de clientes e respostas do FAQ (opcional; 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 que você não fornecer (opcional se você enviar seu próprio retrato e as imagens dos projetos)
- Custos externos
- Fotos que você não fornecer (retratos provisórios, fotos do processo, capas de projeto) são geradas com a própria ferramenta de imagens do seu agente, o que pode gerar cobranças de uso dessa ferramenta. Nada mais usa serviço pago.
- Último teste
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…









