Portfólio de desenvolvedor Basaltv1.0.4
Use esta Skill para criar página de site.
Popular
5.098 downloads2 curtidas0 salvamentos
Grátis
Um site pessoal completo de desenvolvedor em fundo quase preto, com um destaque ciano e a tipografia limpa da Geist. Além da home com um título discreto e autoirônico, traz estudos de caso com janelas de produto desenhadas, artigos, palestras com notas, página Uses, Sobre com marcos de carreira, currículo e contato. Para quem quer que trabalho, textos e trajetória formem um conjunto coerente, não uma lista de links.
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 de portfólio completo: página inicial, índice de trabalhos com estudos de caso, textos com artigos completos, palestras com anotações, Uses, Sobre com marcos, currículo, contato e uma página 404
- O visual basalto: zinco quase preto, um único destaque em ciano, tipografia Geist e Geist Mono, uma navegação flutuante em pílula e abas de experiência iluminadas por um feixe de luz descendente
- Capas de projeto desenhadas como telas de produto reais, além de um conjunto de fotos combinando, tudo em um único arquivo que abre offline em qualquer navegador
Ideal para
- Desenvolvedores e indie hackers que querem estudos de caso, textos, palestras e currículo em um único site pessoal
- Freelancers e pessoas em busca de emprego que precisam de um site de contratação caprichado para publicar hoje mesmo como um único arquivo
- Quem gosta de um visual escuro, discreto e guiado pela tipografia, com uma única cor de destaque
Não é para
- Dados em tempo real de plataformas de código: estrelas de repositórios, posts e palestras ficam escritos na página como conteúdo estático
- Marcas pessoais claras, coloridas ou carregadas de fotos; o basalto é só escuro, com um único destaque em ciano
- Um backend de formulário funcional: o formulário de contato valida e confirma na página, mas precisa do seu próprio handler para entregar as mensagens
Identidade visual e sistemas de marcaWeb design e experiências digitaisCriar página de siteCriar site de portfólioEstilo travadoResultado editávelFeixes em movimentoDestaque cianoZinco escuroMinimal para devsCards com brilho no hover
Sobre esta Skill
Transforme seu histórico profissional, seus projetos e seus textos em um site completo de desenvolvedor: uma página quase preta com um único destaque em ciano, uma navegação flutuante em formato de pílula e um título pequeno e autoconsciente. Estudos de caso, artigos, palestras, uma página Uses, uma página Sobre e um currículo ficam todos conectados, e o site inteiro chega como um único arquivo que abre offline em qualquer navegador.
O que você recebe
- Uma página inicial com trabalhos selecionados, uma trilha de experiência em abas iluminada por um feixe de luz descendente, uma grade de open source com o recurso Show More, os textos mais recentes, Uses e palestras
- Páginas de estudo de caso cujas capas de projeto são desenhadas como telas de produto reais, além de páginas de artigo completas com sumário e código copiável
- Sobre com retrato, princípios e uma linha do tempo de marcos ano a ano, um currículo, uma página de palestras com anotações e um formulário de contato validado
- Uma paleta de comandos, menu mobile, filtros com busca e estados vazios, e movimento suave que se desliga para quem prefere movimento reduzido
- Tipografia Geist e Geist Mono e todas as imagens embutidas, para que a página não faça requisições de rede
Como usar
- Diga à Skill quem você é: seu cargo, as empresas em que trabalhou e o que fez lá, seus projetos com os resultados e eventuais repositórios, posts e palestras. Adicione seu retrato, se tiver um.
- Ela preenche o site com os seus fatos, rascunha no tom da casa tudo o que você pulou e lista esses rascunhos para você confirmar ou remover.
- Abra o arquivo, navegue por todas as páginas e peça alterações em linguagem simples, como "tire a página de palestras" ou "adicione um quinto projeto".
As fotos que você não enviar são geradas com a 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, cargo, localização, disponibilidade e uma biografia de duas a três frases · Empresas em que trabalhou com conquistas concretas, e de dois a seis projetos com o problema, as decisões e os resultados · Opcional: repositórios, posts, palestras, ferramentas, marcos e seu próprio retrato ou fotos de eventos
- 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 enviar (retrato, fotos de palestras, natureza-morta de mesa); opcional se você enviar 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. Os fundos dos projetos vêm com a Skill, e a página final não faz requisições de rede. Ver o exemplo não custa nada.
- Último teste
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…