Communitygithub.com

aicodedecode/awesome-muse-skills

Concevez et réalisez un portfolio professionnel remarquable avec des études de cas, une curation de projets et une présentation soignée.

Qu'est-ce que awesome-muse-skills ?

Cette compétence aide les designers, développeurs, rédacteurs et autres professionnels créatifs à créer un portfolio percutant qui convertit les visiteurs en opportunités. Elle couvre la sélection de projets (curation de 4 à 6 travaux excellents plutôt que 15 médiocres), la rédaction d'études de cas structurées (contexte, rôle, processus, résultats, réflexion) et la conception d'un site web qui communique clairement votre identité et votre meilleur travail en 10 secondes. La compétence insiste sur le fait que montrer le processus de réflexion (croquis, wireframes, décisions) est plus important que les seuls visuels finaux, et qu'il faut éviter les pièges courants comme le « musée du portfolio », l'absence de contexte sur les projets d'équipe ou un site non réactif. Le workflow pratique guide l'utilisateur de la définition de la cible à la validation par des regards extérieurs, en passant par la sélection des projets, la rédaction des études de cas, la collecte de visuels et la construction d'un site rapide et mobile-friendly.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Aperçu

Pour les designers, développeurs, rédacteurs et la plupart des rôles créatifs et techniques, le portfolio est l' entretien avant l'entretien. Les recruteurs y passent 2 à 5 minutes — ce qui signifie que la curation l'emporte sur le volume, et que l'histoire autour du travail compte plus que le travail lui-même. Cette compétence couvre la sélection de projets, la rédaction d'études de cas et la structuration d'un site portfolio qui transforme les visiteurs en conversations.

Quand l'utiliser

  • Construire un premier portfolio ou en remanier un obsolète

  • Sélectionner les projets à inclure (et ceux à exclure)

  • Rédiger des études de cas qui montrent le processus, pas seulement les résultats

  • Préparer un portfolio pour des candidatures ou des clients freelance

  • Examiner un portfolio existant qui ne convertit pas

Concepts clés

      • La curation est la compétence. 4 à 6 excellents projets valent mieux que 15 médiocres. Chaque projet doit répondre : est-ce que cela représente le travail dont je veux plus ? Supprimez tout ce qui ne correspond pas.
      • Structure d'une étude de cas. Contexte (quel était le problème ?), Rôle (qu'avez-vous réellement fait ?), Processus (décisions clés et pourquoi), Résultat (métriques ou résultats qualitatifs), Réflexion (ce que vous feriez différemment). La section processus montre le niveau d'expérience.
      • Montrez la réflexion, pas seulement les pixels. Les captures d'écran du travail final sont la base. Croquis, maquettes, directions rejetées, discussions sur les compromis — c'est ce qui sépare les juniors des seniors aux yeux d'un recruteur.
      • Le test des 10 secondes sur la page d'accueil. Un inconnu doit comprendre en 10 secondes : qui vous êtes, ce que vous faites, et voir une chose impressionnante. Nom, discipline et 3-4 projets vedettes au-dessus de la ligne de flottaison.
      • Écrivez pour les lecteurs rapides. Paragraphes courts, titres clairs, images légendées. Les recruteurs survolent ; rendez le point de chaque section évident dès son titre et sa première ligne.
      • Contact sans friction. Email, LinkedIn et CV à un clic sur chaque page. Chaque étape supplémentaire entre « impressionné » et « contacté » fait perdre des opportunités.

Workflow pratique

      1. Définir la cible. Pour quels rôles/clients ce portfolio est-il destiné ? Listez les 3 à 5 compétences qui les intéressent. Chaque choix de projet correspond à cette liste.
      1. Sélectionner 4 à 6 projets. Priorisez : travail récent, travail correspondant à la cible, et travail avec des résultats mesurables. Incluez un projet qui montre de la diversité si pertinent — mais jamais au détriment de la concentration.
      1. Rédiger les études de cas. Pour chacune : 300 à 600 mots en suivant la structure ci-dessus. Commencez par le résultat, puis l'histoire. Utilisez des chiffres réels ; si vous êtes sous NDA, décrivez l'impact de manière qualitative (« moteur de revenus top 3 ») ou obtenez l'autorisation pour des métriques anonymisées.
      1. Rassembler les visuels. Les résultats finaux d'abord, puis les artefacts du processus. Tailles et qualité d'image cohérentes — une seule capture d'écran floue nuit à toute la page. Masquez ou simulez les données sensibles proprement.
      1. Construire le site. Gardez-le rapide et simple : un modèle propre vaut mieux qu'une construction personnalisée astucieuse mais défaillante. La réactivité mobile est non négociable (plus de 40 % des visites). Testez le temps de chargement et chaque lien.
      1. Ajouter les pages complémentaires. À propos (humain, spécifique, avec une photo), contact, et un CV/PDF téléchargeable. Pour les développeurs : liez GitHub avec des dépôts épinglés et documentés.
      1. Obtenir des regards extérieurs. Demandez à 2-3 personnes occupant les rôles cibles de passer 3 minutes et de vous dire ce qu'elles retiennent. Si elles ne peuvent pas nommer votre meilleur projet, la hiérarchie est erronée.

Pièges courants

      • Le portfolio musée. Tout ce que vous avez jamais fait, non curaté, depuis
    1. Les recruteurs vous jugent sur votre pièce la plus faible — supprimez impitoyablement.
      • Pas de contexte sur les projets d'équipe. « Nous avons repensé l'application » — qu'avez-vous fait ? Une propriété floue fait supposer aux recruteurs que vous avez fait la partie la moins impressionnante. Soyez explicite sur votre rôle.
      • Paralysie du NDA. « Je ne peux rien montrer » est rarement complètement vrai. Anonymisez, recréez des versions simplifiées, ou créez un projet personnel solide pour combler le vide.
      • Tout visuel, pas de mots. De belles images sans explication forcent le recruteur à deviner l'histoire. Il se trompera ou passera à autre chose.
      • Cassé, lent ou uniquement desktop. Un portfolio qui ne charge pas sur un téléphone échoue au test le plus basique du savoir-faire. Testez sur des appareils réels.
      • Jamais mis à jour. Un portfolio figé en 2022 signale une stagnation. Ajoutez du nouveau travail chaque trimestre ; retirez tout ce qui est plus ancien que votre niveau de compétence actuel.

Individual skills in this repo

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

Skills associés