Portfólio em grade de linhas finasv1.0.4
Use esta Skill para criar página de site.
Em alta
5.031 downloads0 curtidas0 salvamentos
$4.99
O que eu recebo ao comprar esta Skill?Crie um site pessoal desenhado como uma folha de engenharia: um trilho de conteúdo centralizado sobre linhas finas de largura total, tons monocromáticos de zinco com temas claro e escuro completos, faixas listradas entre seções, um desenho isométrico Fig. 1 e uma linha de cargo que alterna. Inclui perfil, heatmap de atividade, trabalhos selecionados com páginas completas de estudo de caso, experiência, stack, textos com ensaios reais, sobre e um formulário de contato com validação. Por padrão é um único arquivo autocontido que abre offline, feito para designers, design engineers e desenvolvedores.
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 exemplo com 15 rotas para o fictício Rowan Hale: home, um índice de trabalhos com quatro estudos de caso e um arquivo, textos com ensaios completos, sobre, contato e uma 404 com design próprio.
- Detalhes funcionais: menu de comandos, alternância de tema, filtros de trabalhos e textos com busca, abas de intervalo no heatmap, botões de copiar e um formulário de contato com erros inline, carregamento e sucesso.
- Capas de projeto desenhadas como telas de produto ao vivo, fotos em preto e branco com uma única direção de arte, fontes Geist embutidas, além de um guia de estilo e verificações integradas.
Ideal para
- Design engineers e desenvolvedores que querem um site preciso e discreto em vez de um template chamativo.
- Quem está buscando emprego e precisa de estudos de caso, ensaios e formulário de contato que funcionem bem nos dois temas e no celular.
- Quem gosta de linhas finas, legendas em monoespaçada e contenção monocromática.
Não é para
- Marcas pessoais coloridas e cheias de imagens; o sistema é monocromático em zinco com um único destaque azul.
- Blogs que precisam de um sistema de gerenciamento de conteúdo; ensaios e estudos de caso ficam nos dados da própria página.
- Enviar mensagens reais logo de cara: o formulário de contato confirma na página até você conectar um backend.
Identidade visual e sistemas de marcaWeb design e experiências digitaisCriar página de siteCriar site de portfólioResultado editávelFluxo guiadoVisual refinadoMinimalistaMonocromáticoGrade de linha finaPlanta técnica
Sobre esta Skill
Transforme seu nome, histórico profissional, projetos e ensaios em um site pessoal que parece traçado em uma folha de engenharia: linhas finas atravessando a tela, tons monocromáticos de zinco, faixas listradas e um pequeno Fig. 1 isométrico. O exemplo é o fictício Rowan Hale, um design engineer no Porto, com 15 rotas conectadas. O resultado padrão é um único arquivo autocontido que abre offline em qualquer navegador.
O que você recebe
- Home com Fig. 1, perfil, dados gerais, heatmap, sobre, trabalhos selecionados, experiência, stack, textos e palestras
- Páginas de estudo de caso com problema, processo, galeria, resultados e créditos, e ensaios com barra de progresso de leitura e sumário
- Um menu de comandos, temas claro e escuro, filtros com busca, menu mobile e um formulário de contato com validação
- Geist, Geist Mono e uma nota manuscrita em Caveat embutidas no arquivo, para que nada carregue da rede
Como usar
- Informe seu nome, cargos, cidade, projetos com resultados, experiência, ensaios e contatos; dados que faltarem são rascunhados e listados.
- Seu agente preenche os dados, desenha uma capa para cada projeto e converte seu retrato para preto e branco.
- Abra o site nos dois temas, teste o menu de comandos e o formulário de contato, depois peça mudanças.
Seu próprio retrato e suas fotos não custam nada a mais; fotos geradas podem ter custos de uso da sua ferramenta de imagem.
O que você precisa antes de começar
- Você fornece
- Nome, três a cinco frases curtas de cargo, cidade, e-mail e disponibilidade · Dois a seis projetos com papel, etapas do processo e resultados mensuráveis, além de experiência e ensaios · Uma foto de retrato, ou permissão para gerar um substituto
- 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 imagens no seu agente para fotos de espaço de trabalho ou de lugares
- Custos externos
- Fotos geradas com a ferramenta de imagem do seu agente podem ter custos de uso dessa ferramenta. Suas próprias fotos e as capas de projeto desenhadas não custam nada a mais.
- Último teste
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…