Escolha do Skillry
Portfólio em tela divididav1.0.3
Use esta Skill para criar página de site.
Em alta
5.033 downloads3 curtidas3 salvamentos
$4.99
O que eu recebo ao comprar esta Skill?Crie um portfólio de fotografia em que o trabalho ocupa metade da tela: um painel fixo de foto em altura total à esquerda, uma coluna rolável de cards arredondados e discretos à direita e rótulos recortados nos cantos da foto com pequenos entalhes em curva invertida. Passar o mouse sobre um projeto troca o painel pela capa dele. Início, um índice de trabalhos com um estudo de caso por série, um diário, uma página sobre com linha do tempo, uma loja de impressões com prévia na parede, contato e licenciamento vêm em temas claro e escuro, em 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 completo de fotógrafo: carrossel na página inicial, índice de trabalhos com filtros e capas que trocam ao passar o mouse, um estudo de caso por série, artigos do diário, sobre, impressões, contato, licenciamento e uma página de não encontrado
- O visual de tela dividida: painel fixo de foto, coluna de cards arredondados, rótulos entalhados recortados da página, um cabeçalho flutuante em formato de pílula, navegação com letras que giram e troca diagonal entre tema claro e escuro
- Partes que funcionam: lightbox nos estudos de caso, busca no diário, um seletor de impressões com preço ao vivo e prévia na parede, um formulário de contato validado e inscrição na newsletter, em um único arquivo offline
Ideal para
- Fotógrafos de paisagem, viagem e editorial que querem um site centrado na imagem, com uma interface discreta, de galeria
- Fotógrafos que vendem impressões ou aceitam trabalhos comissionados e querem estudos de caso, preços e um formulário de contato em um só lugar
- Fotógrafos de casamento ou retrato, ilustradores, pousadas ou galerias que podem encaixar histórias, pacotes ou exposições nas mesmas páginas
Não é para
- Marcas coloridas ou maximalistas: a interface é estritamente monocromática e toda a cor vem das fotografias
- Blogs ou documentações com muito texto e pouca imagem: o layout depende de fotografias fortes em cada painel
- Sites que precisam de CMS, uploads ou checkout ao vivo: pedidos de impressão e formulários são confirmados apenas na página
Identidade visual e sistemas de marcaWeb design e experiências digitaisCriar página de siteCriar site de portfólioEstilo travadoResultado editávelMinimalistaMonocromáticoFoto em destaqueSuave e arredondadoTela dividida
Sobre esta Skill
O Portfólio em tela dividida cria um site de fotografia em que sua melhor foto ocupa a metade esquerda da tela, enquanto uma coluna de cards arredondados e discretos rola ao lado. A cor vem só das fotografias, e todo rótulo que encosta em uma foto é recortado da página com dois pequenos entalhes. O exemplo é Aster Field, um fotógrafo fictício de paisagem e viagem, com 18 páginas conectadas.
O que você recebe
- Uma página inicial com um carrossel discreto, card de introdução, cards de canais, blocos de séries, um trabalho comissionado recente, um letreiro de clientes, uma lista do diário e um card de agendamento
- Um índice de trabalhos com chips de filtro, busca e visualização em lista ou grade, além de um estudo de caso por série com lightbox de fotos, etapas da abordagem e resultados
- Artigos do diário, página sobre com fatos e uma linha do tempo da experiência, uma loja de impressões com prévia emoldurada na parede, contato com formulário validado, licenciamento e uma página de não encontrado
- Temas claro e escuro com troca em diagonal, navegação com letras que giram e um único arquivo que abre em qualquer navegador e funciona offline
Como usar
- Informe seu nome, função, cidade, uma bio curta, dados de contato e de 8 a 12 fotografias agrupadas por série.
- Seu agente distribui as fotos entre o painel, os blocos e os estudos de caso, escreve as páginas das séries e gera o que estiver faltando.
- Abra o arquivo, passe o mouse pela lista de trabalhos, teste os dois temas e o seletor de impressões e peça ajustes com suas próprias palavras.
Suas próprias fotografias funcionam melhor. Imagens geradas são substitutas provisórias e podem gerar cobranças de uso da ferramenta de imagem do seu agente.
O que você precisa antes de começar
- Você fornece
- Nome, função em uma linha, cidade de base, uma bio curta e dados de contato · De 8 a 12 fotografias agrupadas em séries, com locais e anos · Briefings e resultados das séries, tamanhos e preços das impressões e termos de licenciamento (opcional; o que faltar vira 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, apenas para as fotos que você não fornecer (caso contrário, as fotos do template servem como substitutas provisórias)
- Custos externos
- Se você não fornecer todas as fotos, as que faltarem são geradas com a própria ferramenta de imagem do seu agente, o que pode gerar cobranças de uso dessa ferramenta; caso contrário, as fotos do template ficam como substitutas provisórias. Nada mais usa serviço pago.
- Último teste
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…