Communitygithub.com

github-portfolio : faire de votre profil GitHub un portfolio

Skill d'agent qui transforme un profil GitHub en portfolio pour designers et développeurs : décider ce qui reste privé, écrire le README de profil, rendre jusqu'à six dépôts épinglés dignes d'être ouverts avec démos en ligne, ajouter des images de partage 1280x640, régler le profil, faire un contrôle de confidentialité et activer la double authentification.

Qu'est-ce que github-portfolio : faire de votre profil GitHub un portfolio ?

Étape 3 de la recette Site personnel (diffusion), issue de miguelclavel/claude-skills-for-designers (publié le 2026-10-08, MIT ; l'auteur dit avoir construit son propre GitHub avec ce skill). Il reprend ce que font les profils les plus suivis : court et clair en haut, des dépôts épinglés et des démos en ligne qui parlent d'eux-mêmes, sans murs de badges, cartes de stats ni animations de frappe. Étapes : lister tous les dépôts et garder privés outils persos, données personnelles, travaux clients et dossiers de recherche d'emploi ; écrire le README de profil (un dépôt public nommé exactement comme l'utilisateur) avec une première ligne forte, des liens vers le site, LinkedIn, le contact et le CV avec balises de suivi, une sélection de travaux illustrés menant aux études de cas, ce que les gens peuvent copier, la façon de travailler et une courte expérience ; donner à six dépôts épinglés au plus une description claire, des topics, un README avec une image dès le premier écran et une démo GitHub Pages ; une image de partage 1280x640 par dépôt ; compléter le profil ; contrôler la confidentialité des images, GIF et PDF, utiliser un e-mail no-reply pour les commits et verrouiller le wiki ; activer la 2FA. Il n'invente jamais travaux, employeurs ni résultats ; les projets conceptuels sont signalés.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/miguelclavel/claude-skills-for-designers/tree/HEAD/skills/github-portfolio

Demander à votre IA préférée

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

Documentation

GitHub as a portfolio

The most followed profiles are short and clear at the top, and let pinned repos with live demos do the talking. Skip badge walls, stats cards and typing animations; they're rare on the profiles people actually follow.

Steps

  1. Decide what's public. List every repo. Anything with private tools, personal data, client work or job search material stays private. Duplicates of a live site can go private too.
  2. The profile README (a public repo named exactly like the username):
    • A banner or a strong first line: name, role, and the one sentence that says what you do.
    • Links: site, LinkedIn, contact, resume, with tracking tags so you can see what GitHub sends you.
    • Selected work with images, each linking to the full case study.
    • "Things you can copy": the repos people can use.
    • How you work, and a short experience list.
  3. Make repos worth pinning. Each pinned repo has a clear description, topics, a README with a picture in the first screen, and a live page when there's something to try (GitHub Pages on the main branch). Up to six pins: lead with the work, then the most useful things to copy.
  4. Share images. A 1280 by 640 image per repo (title, one line, a real screenshot), uploaded in each repo's settings, so links look good on LinkedIn and Slack.
  5. Profile settings. Name, short bio, company, website, social links, a real avatar, and private contributions counted on the graph. Don't fake activity; real private work already shows.
  6. Privacy check before every push. Run the privacy-scan skill on all images, GIFs and PDFs, check commits use a no-reply email, and lock the wiki to collaborators.
  7. Turn on two factor authentication. It's the biggest risk to a public profile.

Don't

  • Don't invent work, employers or results. Concept projects are fine when labelled as concepts.
  • Don't publish anything you haven't read, including old recordings.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Skills associés