Communitygithub.com

aicodedecode/awesome-muse-skills

Projete e construa um portfólio profissional de destaque com estudos de caso, curadoria de projetos e apresentação.

O que é awesome-muse-skills?

Esta habilidade é projetada para ajudar designers, desenvolvedores, escritores e outros profissionais a criarem portfólios que convertam visitantes em oportunidades. Ela ensina a importância da curadoria (4 a 6 excelentes projetos valem mais que 15 medíocres) e fornece uma estrutura completa para estudos de caso, incluindo contexto, função, processo, resultado e reflexão. Além disso, aborda como apresentar o pensamento por trás do trabalho (esboços, wireframes, decisões descartadas) e como garantir que o portfólio seja navegável, rápido e responsivo para dispositivos móveis. Ao seguir o workflow prático de 7 passos, desde definir o público-alvo até obter feedback externo, o usuário pode criar um portfólio que atenda aos padrões dos recrutadores e evite armadilhas comuns, como a superexposição de trabalhos antigos e a falta de clareza em projetos em equipe.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/aicodedecode/awesome-muse-skills/tree/HEAD/skills/portfolio-builder

Perguntar na sua IA favorita

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

Documentação

Visão Geral

Para designers, desenvolvedores, escritores e a maioria das funções criativas e técnicas, o portfólio é a entrevista antes da entrevista. Recrutadores gastam de 2 a 5 minutos nele — o que significa que a curadoria supera o volume, e a história por trás do trabalho importa mais do que o próprio trabalho. Esta habilidade aborda a seleção de projetos, a escrita de estudos de caso e a estruturação de um site de portfólio que converta visitantes em conversas.

Quando usar

  • Construir um primeiro portfólio ou reformular um desatualizado

  • Selecionar quais projetos incluir (e quais cortar)

  • Escrever estudos de caso que mostrem o processo, não apenas os resultados

  • Preparar um portfólio para candidaturas a empregos ou clientes freelancers

  • Revisar um portfólio existente que não está convertendo

Conceitos Fundamentais

  • Curadoria é a habilidade. 4 a 6 excelentes projetos valem mais que 15 medíocres. Cada projeto deve responder: isso representa o trabalho que quero mais? Corte tudo que não representa.
  • Estrutura do estudo de caso. Contexto (qual era o problema?), Função (o que você realmente fez?), Processo (decisões-chave e por quê), Resultado (métricas ou resultados qualitativos), Reflexão (o que você faria diferente). A seção de processo é onde a senioridade se mostra.
  • Mostre o pensamento, não apenas os pixels. Capturas de tela do trabalho final são o mínimo. Esboços, wireframes, direções rejeitadas, discussões de tradeoffs — é isso que separa juniores de seniores aos olhos de um revisor.
  • O teste da página inicial em 10 segundos. Um estranho deve entender em 10 segundos: quem você é, o que faz, e ver uma coisa impressionante. Nome, área de atuação e 3 a 4 projetos em destaque acima da dobra.
  • Escreva para quem escaneia. Parágrafos curtos, cabeçalhos claros, imagens legendadas. Revisores escaneiam; torne o ponto de cada seção óbvio a partir do cabeçalho e da primeira linha.
  • Contato sem atrito. Email, LinkedIn e currículo a um clique de distância em todas as páginas. Cada passo extra entre "impressionado" e "contatado" perde oportunidades.

Fluxo de Trabalho Prático

  1. Defina o alvo. Para quais funções/clientes é este portfólio? Liste as 3 a 5 capacidades que eles valorizam. Cada escolha de projeto deve se alinhar a essa lista.
  2. Selecione 4 a 6 projetos. Priorize: trabalho recente, trabalho que corresponda ao alvo e trabalho com resultados mensuráveis. Inclua um projeto que mostre versatilidade se relevante — mas nunca às custas do foco.
  3. Escreva os estudos de caso. Para cada um: 300 a 600 palavras seguindo a estrutura acima. Comece pelo resultado, depois a história. Use números reais; se estiver sob NDA, descreva o impacto qualitativamente ("principal gerador de receita") ou obtenha permissão para métricas anonimizadas.
  4. Reúna recursos visuais. Resultados finais primeiro, depois artefatos do processo. Tamanho e qualidade consistentes das imagens — uma única captura de tela borrada prejudica a página inteira. Redija ou simule dados sensíveis de forma limpa.
  5. Construa o site. Mantenha-o rápido e simples: um template limpo supera uma construção personalizada engenhosa, mas quebrada. A responsividade móvel é inegociável (mais de 40% das visualizações). Teste o tempo de carregamento e cada link.
  6. Adicione as páginas de apoio. Sobre (humano, específico, com uma foto), contato e um currículo/versão em PDF para download. Para desenvolvedores: vincule o GitHub com repositórios fixados e documentados.
  7. Obtenha olhos externos. Peça a 2 a 3 pessoas nas funções alvo que gastem 3 minutos e digam o que lembram. Se não conseguirem nomear seu melhor projeto, a hierarquia está errada.

Armadilhas Comuns

  • O portfólio museu. Tudo que você já fez, sem curadoria, desde 2016. Revisores julgam você pelo seu trabalho mais fraco — corte impiedosamente.
  • Sem contexto em projetos de equipe. "Redesenhamos o aplicativo" — o que você fez? Propriedade pouco clara faz os revisores assumirem que você fez a parte menos impressionante. Seja explícito sobre seu papel.
  • Paralisia por NDA. "Não posso mostrar nada" raramente é totalmente verdade. Anonimize, recrie versões simplificadas ou crie um projeto pessoal forte para preencher a lacuna.
  • Só visuais, sem palavras. Imagens bonitas sem explicação forçam o revisor a adivinhar a história. Eles adivinharão errado ou seguirão em frente.
  • Quebrado, lento ou só para desktop. Um portfólio que não carrega num telefone falha no teste mais básico de ofício. Teste em dispositivos reais.
  • Nunca atualizar. Um portfólio congelado em 2022 sinaliza estagnação. Adicione novos trabalhos trimestralmente; retire qualquer coisa mais antiga que seu nível de habilidade atual.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Habilidades Relacionadas