Portfólio editorial para devsv1.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?Um site pessoal editorial para um designer de software, desenvolvedor ou educador independente: uma coluna branca estreita sobre um fundo claro, um pequeno retrato redondo, um título discreto de uma linha e uma faixa inclinada com três fotos de estúdio. Os trabalhos selecionados se abrem em estudos de caso completos com problema, processo e resultados medidos, os ensaios ganham páginas de artigo de verdade, e as páginas de ensino, sobre e contato completam o site. Tipografia monocromática em tom ardósia nos modos claro e escuro, com capas de projeto desenhadas como mockups de produto nítidos em vez de fotos de notebook.
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 portfólio completo em um único arquivo HTML autocontido que abre offline: home, índice de trabalhos, estudos de caso, índice de textos, artigos, ensino, sobre, contato, privacidade e 404
- Estudos de caso com problema, descobertas, processo, detalhes de design e resultados com contagem animada, além de um diário com filtros por tema, busca, progresso de leitura e cards do autor
- Geist, Newsreader e Geist Mono embutidas, temas claro e escuro, capas em mockup de produto, e formulário de contato, lista de espera e newsletter que validam e confirmam
Ideal para
- Product designers, design engineers e desenvolvedores independentes que vendem o seu critério por meio de estudos de caso
- Educadores e escritores com um curso, workshops ou ensaios para mostrar ao lado do trabalho para clientes
- Profissionais solo que querem um site confiável agora, ou o mesmo design portado para o seu próprio projeto em Next.js, Nuxt, SvelteKit ou Astro
Não é para
- Estúdios ou agências que apresentam uma equipe: o site inteiro fala na primeira pessoa de uma só pessoa
- Lançamentos de produto ou páginas de marketing de SaaS construídas em torno de grades de recursos e comparações de planos
- Processamento de formulários hospedado ou um CMS pronto para uso: os formulários confirmam na página até você conectar o seu próprio serviço
Lançamento de produto e crescimento de appsWeb design e experiências digitaisCriar página de siteCriar landing pageEstilo travadoResultado editávelPortfólio editorialFoco na imagemMonocromáticoDiário pessoal
Sobre esta Skill
Conte quem você é, o que construiu e o que ensina, e receba um site pessoal que parece a própria página inicial de um profissional: uma coluna branca estreita, um pequeno retrato redondo, um título discreto e uma faixa inclinada de fotos de estúdio. Ele chega como um único arquivo autocontido que abre em qualquer navegador e funciona offline.
O que você recebe
- Trabalhos selecionados com estudos de caso completos: problema, aprendizados, processo, detalhes de design e resultados medidos
- Um diário de textos com filtros por tema e busca, e páginas de artigo com progresso de leitura e card do autor
- Ensino ou serviços, uma página sobre com a sua linha do tempo de experiência e um formulário de contato que valida e confirma
- Capas de projeto desenhadas como mockups de produto nítidos em vez de fotos de notebook, nos temas claro e escuro
- Dentro do seu próprio projeto, o mesmo design portado com rotas de verdade
Como usar
- Compartilhe o seu nome e área, de três a seis projetos com os resultados, os seus textos, qualquer curso ou serviço e o seu histórico profissional
- Adicione o seu retrato e fotos de estúdio se tiver; o que faltar é escrito ou gerado como substituto provisório e listado para você trocar
- Abra o arquivo finalizado no navegador e peça mudanças com suas próprias palavras, como um novo estudo de caso ou um título mais curto
As fotos geradas usam a ferramenta de imagem do seu agente e podem ter as cobranças de uso dessa ferramenta. Fontes e imagens ficam embutidas, então o arquivo final não faz requisições de rede.
O que você precisa antes de começar
- Você fornece
- Seu nome, área, disponibilidade e e-mail de contato · De 3 a 6 projetos com cliente, função, problema, processo e resultados medidos · Textos, ensino ou serviços, histórico profissional e o seu próprio retrato e fotos de estúdio, se tiver
- 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 · Opcional: uma ferramenta de geração de imagem no seu agente para fotos substitutas de retrato, estúdio e artigos
- Custos externos
- As suas próprias fotos não custam nada. Fotos substitutas de retrato, estúdio, estudos de caso e artigos são geradas com a ferramenta de imagem do seu próprio agente, o que pode gerar as cobranças de uso dessa ferramenta; as fotos neutras de estúdio que vêm com a Skill também podem ficar como provisórias.
- Último teste
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…