Communitygithub.com

4444J99/a-i--skills

Curatez et présentez votre travail créatif/technique pour un impact maximal. Structurez des études de cas, élaborez des récits de projets, optimisez pour différents publics (recruteurs, clients, collaborateurs). Prend en charge les sites portfolio, les PDF et les formats de présentation. Déclencheurs : révision de portfolio, rédaction d'étude de cas, présentation de projet ou demande de présentation de travail.

Qu'est-ce que a-i--skills ?

Cette compétence transforme un travail dispersé en un récit professionnel captivant, essentiel pour les développeurs, designers et autres professionnels techniques. Elle vous guide dans l'analyse de votre public (recruteurs, responsables techniques, clients) pour choisir et ordonner vos projets selon une règle 3-5-7, avec des critères de sélection pondérés (pertinence, impact, qualité). Elle propose trois formats d'étude de cas (rapide, standard, approfondi) ainsi que plusieurs modèles narratifs (arc de transformation, problème-solution-impact) pour structurer votre histoire. Elle couvre également la présentation visuelle, les bonnes pratiques d'écriture et des checklists de révision. Destinée aux utilisateurs d’agents IA comme Claude Code ou Cursor, elle s’applique aux portfolios web, PDF et présentations, et fonctionne sur toute plateforme supportant ces formats.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/4444J99/a-i--skills/tree/HEAD/skills/professional/portfolio-presentation
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Présentation de Portfolio

Transformez un travail épars en un récit professionnel convaincant.

Principe Fondamental

Un portfolio n'est pas une liste de projets, c'est une histoire sur qui vous êtes et ce que vous pouvez apporter à la personne qui le consulte.

Analyse du Public

Avant de sélectionner, identifiez le spectateur :

PublicIntérêt PrincipalTemps DisponibleCritères de Décision
RecruteurPouvez-vous faire le travail ?30-90 secondes initialCompétences pertinentes, progression
Responsable TechniqueComment pensez-vous ?2-5 minutes approfondiesRésolution de problèmes, qualité du code
ClientPouvez-vous résoudre mon problème ?1-2 minutesTravail similaire, résultats
CollaborateurApprécierais-je de travailler avec vous ?VariableProcessus, communication
AcadémiqueQuelle est votre contribution ?Revue approfondieRigueur, originalité

Structure du Portfolio

Page d'Accueil / Atterrissage

[Hero : Votre déclaration de positionnement]
[Travail en Vedette : 3-4 meilleures pièces]
[Brève Présentation]
[Contact/CTA]

Formule de Déclaration de Positionnement :

Je suis [rôle] qui [approche/spécialité unique].
J'aide [public] à atteindre [résultat] grâce à [méthode].

Sélection de Projets

La Règle 3-5-7 :

  • Minimum 3 projets (montre l'étendue)
  • 5 projets optimaux (profondeur + largeur)
  • Maximum 7 projets (évite la surcharge)

Critères de Sélection :

CritèrePoidsQuestion
Pertinence30%Correspond-il à l'opportunité cible ?
Impact25%Puis-je quantifier les résultats ?
Qualité20%Montre-t-il mon meilleur travail ?
Actualité15%Est-il assez récent ?
Histoire10%Y a-t-il un récit convaincant ?

Ordre des Projets

  1. Commencer par le meilleur ajustement (pas nécessairement le meilleur travail)
  2. Deuxième plus fort (capte l'attention)
  3. Montrer l'étendue (type/échelle différent)
  4. Projet personnel/passion (montre la personnalité)
  5. Pièce d'aspiration (direction ambitieuse)

Cadre d'Étude de Cas

Format Rapide (Carte de Portfolio)

## [Nom du Projet]

**Rôle** : [Votre rôle spécifique]
**Calendrier** : [Durée]
**Équipe** : [Taille/composition]

[Une image convaincante]

[Résumé en 2-3 phrases : Problème → Solution → Résultat]

**Résultat Clé** : [Un seul résultat quantifié]

Format Standard (Page de Projet)

# [Nom du Projet]

## Vue d'Ensemble
[Argument éclair : Qu'est-ce que c'est ? Pour qui ? Pourquoi est-ce important ?]

## Le Défi
[Énoncé du problème avec contexte et enjeux]

## Mon Rôle
[Responsabilités et contributions spécifiques]

## Processus
[Phases clés avec visuels]
1. Découverte/Recherche
2. Idéation/Stratégie
3. Exécution/Mise en œuvre
4. Itération/Amélioration

## Solution
[Ce qui a été construit/créé avec des visuels]

## Résultats
[Résultats quantifiés]
- [Métrique] : [Avant] → [Après]
- [Métrique] : [Amélioration]

## Réflexion
[Ce que j'ai appris, ce que je ferais différemment]

Format Approfondi (Étude de Cas Complète)

Voir references/case-study-template.md

Modèles Narratifs

L'Arc de Transformation

Statut Quo → Perturbation → Lutte → Perspicacité → Résolution → Nouvelle Norme

Le Problème-Solution-Impact

[Utilisateur] avait du mal avec [problème]
Nous avons découvert [perspicacité]
Donc nous avons construit [solution]
Ce qui a entraîné [impact]

L'Histoire de Processus

Nous avons commencé par [recherche/découverte]
Ce qui a révélé [perspicacité clé]
Nous menant à [décision de conception]
Grâce à [itération], nous sommes arrivés à [solution]

L'Histoire de Contrainte

Étant donné [contraintes : temps/budget/technologie]
Nous avons dû [approche créative]
Ce qui nous a appris [leçon]
Et a apporté [résultat malgré les contraintes]

Présentation Visuelle

Exigences d'Image

TypeObjectifSpécifications
HeroPremière impression16:9 ou 4:3, haute résolution
ProcessusMontrer la réflexionAnnoté, clair
DétailQualité de l'artisanatRecadré, ciblé
Avant/AprèsMontrer l'impactCôte à côte
ContexteUtilisation réellePhotos in situ

Bonnes Pratiques de Capture d'Écran

  • Montrer des données réelles (anonymisées si nécessaire)
  • Chrome du navigateur optionnel (propre vs. contexte)
  • Mettre en évidence les interactions clés
  • Inclure les vues mobiles si responsive
  • Montrer les états : vide, chargé, rempli, erreur

Vidéo/Animation

Quand l'utiliser :

  • Interactions complexes
  • Expériences temporelles
  • Transformations avant/après
  • Documentation de processus

Garder sous 60 secondes pour un contexte de portfolio.

Directives de Rédaction

Titres

❌ "Refonte d'un site e-commerce" ✅ "Augmenter les conversions de 40% grâce à la simplification du paiement"

Descriptions

❌ "J'ai conçu l'UI et implémenté le frontend" ✅ "J'ai dirigé la conception et le développement du flux de paiement qui a réduit l'abandon de panier de 68% à 41%"

Quantification

FaibleFort
Performances amélioréesTemps de chargement réduit de 4,2s à 0,8s
Engagement accruDAU multiplié par 3 en 6 mois
Meilleure expérience utilisateurNPS passé de 32 à 67

Voix

  • Première personne pour les sites personnels ("J'ai conçu...")
  • Première personne du pluriel pour le travail en équipe ("Nous avons découvert...")
  • Toujours voix active
  • Présent pour le travail en cours, passé pour le terminé

Conseils Spécifiques par Format

Site Web Portfolio

Voir references/website-structure.md

Portfolio PDF

Voir references/pdf-portfolio.md

Présentation

Voir references/deck-structure.md

Liste de Vérification de Révision

Contenu

  • La déclaration de positionnement est claire
  • Les projets correspondent au public cible
  • Chaque projet a des résultats quantifiés
  • L'arc narratif est convaincant
  • Le rôle/contribution est explicite

Visuel

  • Les images sont de haute qualité
  • Style visuel cohérent
  • Adapté aux mobiles (si web)
  • Temps de chargement acceptable

Technique

  • Tous les liens fonctionnent
  • Coordonnées à jour
  • Bases SEO couvertes (si web)
  • Analytics installé (si web)

Polissage

  • Relu pour les erreurs
  • Formatage cohérent
  • Révision par un œil neuf

Compétences Connexes

Compétences Complémentaires (À Utiliser Ensemble)

Compétences Alternatives (Objectif Similaire)

  • Aucune - c'est la compétence principale de présentation de portfolio

Compétences Prérequises (À Apprendre d'Abord)

  • Aucune - c'est une compétence professionnelle autonome

Références

  • references/case-study-template.md - Format d'étude de cas complet
  • references/website-structure.md - Architecture de site web portfolio
  • references/pdf-portfolio.md - Bonnes pratiques pour portfolio PDF
  • references/deck-structure.md - Format de présentation

Skills associés

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community