
Galeria de prévias
Skills semelhantes
Ver todas as SkillsO que você recebe
- Um único arquivo de site autocontido que abre em qualquer navegador e funciona offline, com fontes e imagens embutidas; ou uma versão portada para o seu projeto com framework, se você tiver um.
- Um arquivo com busca e filtros e artigos longos com sumário, progresso de leitura, cópia de código e um gráfico interativo.
- Estudos de caso com telas de produto desenhadas, além de páginas de sobre, currículo, contato, newsletter, colofão e privacidade, mostradas em um exemplo de 24 páginas.
Ideal para
- Desenvolvedores independentes e fundadores solo que escrevem em público sobre os produtos que mantêm.
- Pequenos estúdios ou consultorias que podem transformar o Sobre em Estúdio e o currículo em serviços.
- Pesquisadores e redatores técnicos que podem remover Trabalhos e manter o journal, as palestras e a newsletter.
Não é para
- Enviar uma newsletter ou mensagens de contato de verdade; os formulários mostram uma confirmação local até você conectar seu próprio provedor.
- Portfólios guiados por imagens ou sites de marketing chamativos; o design é discreto e focado no texto.
- Publicar a fictícia Noor Halvorsen, seus produtos ou seus números como se fossem reais.
Lançamento de produto e crescimento de appsWeb design e experiências digitaisCriar página de siteCriar landing pageEstilo travadoResultado editávelDestaque azulConteúdo primeiroDiário de devLayout com barra lateral
Sobre esta Skill

Skyline Developer Journal cria um site pessoal sereno e focado em conteúdo para um desenvolvedor independente: uma barra lateral esquerda fixa, um único destaque em azul, um Hero discreto guiado pelo texto, ensaios longos diagramados para leitura e estudos de caso que mostram a interface real de cada produto. O exemplo é o journal de Noor Halvorsen, uma desenvolvedora independente fictícia de Bergen, com 24 páginas conectadas nos modos claro e escuro.

O que você recebe
- Um único arquivo de site autocontido que abre em qualquer navegador e funciona offline, com fontes e imagens embutidas. Se você já tem um projeto em algum framework, o design é portado para ele.
- Um arquivo do journal com busca, chips de tema, ordenação e estado vazio, além de artigos longos com sumário, progresso de leitura, blocos de código com botão de copiar, citações em destaque e um gráfico de receita interativo.
- Uma seção de trabalhos com estudos de caso que mostram cada produto como uma interface desenhada, com métricas, etapas do processo e um depoimento.
- Sobre, currículo imprimível, formulário de contato com validação, página de newsletter com feeds, colofão, privacidade e uma página de não encontrado.
- Uma paleta de comandos para busca, um tema escuro completo e animações suaves que nunca movem o texto de leitura.

Como usar
- Compartilhe seu nome e função, de dois a seis projetos com resultados reais, pelo menos seis posts ou seus temas, histórico profissional, palestras, e-mail de contato e nome da newsletter. Dados que faltarem são rascunhados como placeholders plausíveis e listados para você confirmar.
- Envie um retrato e uma foto do seu local de trabalho, ou deixe o agente gerar substitutos e uma capa por ensaio com a mesma luz de céu nublado. Seus produtos aparecem como interfaces desenhadas, nunca como fotos genéricas de notebook.
- Abra todas as páginas no desktop e no celular, nos modos claro e escuro, teste a busca, os filtros, as ferramentas de artigo e os formulários e peça ajustes.

A tipografia usa Geist, Newsreader e Geist Mono, embutidas no arquivo. As novas fotos vêm da ferramenta de imagem do seu próprio agente e podem ter custos de uso.
O que você precisa antes de começar
- Você fornece
- Seu nome, sua função e de dois a seis projetos com resultados reais · Pelo menos seis posts ou temas, histórico profissional, palestras, e-mail de contato e nome da newsletter · Um retrato e uma foto do local de trabalho, ou aprovação para gerar substitutos
- 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, ou suas próprias fotos, para o retrato e as capas dos ensaios
- Custos externos
- Retratos, a foto do local de trabalho e as capas dos ensaios são gerados com a ferramenta de imagem do seu próprio agente, que pode cobrar pelo uso. Sem ela, envie suas próprias fotos; seis capas neutras podem ser reaproveitadas e as notas usam um bloco tipográfico. Ver o exemplo não custa nada.
- Último teste
- v1.0.5 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…









