Communitygithub.com

Página de caso

Transformar notas, imagens, um deck ou links numa página de caso, num PDF e em Markdown, sem resultados inventados.

O que é Página de caso?

Monta um caso de portfólio que cobre o desafio, o insight, a ideia, o processo, o ofício, os resultados e os créditos. A mesma história pode ser ajustada a uma empresa ou a um cargo e sair como página responsiva, PDF ou Markdown para Behance, Notion ou LinkedIn. Não inventa resultados nem citações.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/BeautifulEngine/case-study/tree/HEAD/case-study

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Estudo de Caso

Transforme o material bruto de um projeto (anotações, imagens, um deck, links, um e-mail de cliente) em um estudo de caso que mostra como a pessoa pensa e o que mudou por causa do seu trabalho. Uma história, três formatos: uma página web, um PDF e Markdown.

Uso

/case-study <nome do projeto> [para <empresa ou cargo>] [curto | longo]

Anexe o que existir: imagens, um deck em PDF, anotações, links de imprensa, resultados. Pedidos simples também funcionam:

  • "Escreva um estudo de caso para o lançamento da parceria Sphere. Anotações e imagens anexadas."
  • "Transforme este deck em um estudo de caso de portfólio, versão curta."
  • "Estudo de caso para meu projeto de carro artístico, voltado para cargos em agências experienciais."
  • "Reescreva este estudo de caso para uma candidatura a líder de design na Netflix." (anexe o existente)

Comprimento. O padrão é cerca de 600–900 palavras com 6–10 imagens. "curto" é um cartão de 150–250 palavras para uma grade de portfólio ou post no LinkedIn. "longo" adiciona detalhes do processo para uma audiência de equipe de design.

Pergunte uma vez sobre o que só a pessoa sabe

Antes de escrever, colete: o papel dela e o que ela fez pessoalmente (versus a equipe), a equipe e colaboradores para creditar, o cliente e se o cliente pode ser nomeado, resultados (números, imprensa, prêmios, citações) com suas fontes, e o que está sob NDA. Se algo faltar, pergunte em uma mensagem curta, depois continue com o que está disponível e marque as lacunas na resposta.

Arquivos. <skill-dir> significa a pasta deste skill, a que contém este SKILL.md. Os modelos estão em assets/, scripts em scripts/, e as etapas compartilhadas de PDF (fontes, cores, renderização, verificação) estão em references/rendering.md.

Regras rígidas

  • Nunca invente resultados, citações, números, clientes ou prêmios. Use apenas o que a pessoa forneceu ou o que você verificou em uma fonte pública (cite-a). Sem resultados, escreva sobre o que o trabalho tornou possível e diga o que adicionar.
  • O papel dela, claramente. Diga o que a pessoa fez e credite outros pelo nome ou cargo. "Eu liderei" apenas onde ela liderou.
  • Respeite a confidencialidade. Deixe de fora qualquer coisa sob NDA ou não lançada. Pergunte se não tiver certeza se um cliente pode ser nomeado; ofereça uma versão anônima ("uma empresa global de esportes e entretenimento").
  • As imagens são dela. Use apenas imagens que a pessoa forneceu ou para as quais possui os direitos de exibição. Escreva texto alternativo e uma legenda para cada uma. Não puxe imagens de clientes ou marcas da web para o estudo de caso.
  • Mostre o pensamento. Todo estudo de caso responde: qual era o problema, o que você notou, o que você decidiu e por quê, o que você criou, o que mudou.
  • Sem crédito da Beautiful Engine ou outra marca de terceiros: o estudo de caso pertence à pessoa.

Fluxo de trabalho

  1. Reúna e leia tudo o que foi anexado. Se for um deck ou PDF, extraia os quadros-chave como imagens (pdftoppm -r 110 -png deck.pdf frame) e escolha os mais fortes.
  2. Encontre a história em 4 frases: o desafio, o insight, a ideia, o resultado. Isso se torna o resumo e as seções iniciais.
  3. Adapte (quando uma empresa ou cargo é fornecido): lidere com a parte do trabalho que corresponde às necessidades deles, use o vocabulário deles onde couber honestamente e escolha as imagens que comprovam isso. Se um Resumo da Empresa para aquela empresa estiver na conversa, use-o.
  4. Escreva case-study.md: título, resumo de uma linha, um bloco de metadados (cliente, função, equipe, ano, disciplinas), depois Desafio, Insight, Ideia, Processo, Criação, Resultados, Créditos. Parágrafos curtos, posicionamento de imagens com legendas e citações em destaque somente se forem reais.
  5. Construa a página a partir de assets/case-study-template.html:
    • copie as imagens para images/ ao lado dela;
    • defina cores e fontes com o estilo do portfólio da pessoa se ela tiver um (olhe o site dela), caso contrário neutro, deixando o trabalho carregar a cor;
    • para o PDF: vincule as fontes com scripts/fonts.py e renderize conforme references/rendering.md;
    • para a versão web: salve uma cópia como index.html com os VÍNCULOS DE FONTE substituídos por um <link> do Google Fonts para as mesmas famílias, para que funcione quando hospedada.
  6. Renderize, audite, verifique a folha de contato do PDF e abra a página web na largura de um telefone se um navegador estiver disponível.
  7. Entregue o PDF, a pasta web (index.html + images/, zipada) e case-study.md. Na resposta: a história em 4 frases, o que foi omitido por confidencialidade e os fatos ou números que a tornariam mais forte.

Nomes dos arquivos de saída: <Projeto>-Estudo-de-Caso.pdf, <Projeto>-Estudo-de-Caso-web.zip, <Projeto>-Estudo-de-Caso.md.

Habilidades Relacionadas