Communitygithub.com

Portfolio de Design — Curation et Présentation

Stratégie de curation de portfolio, sélection d’études de cas et présentation de projets de design.

Qu'est-ce que Portfolio de Design — Curation et Présentation ?

Cette compétence aide un agent AI (Claude Code, Cursor, etc.) à guider un designer ou développeur dans la construction d’un portfolio de design percutant. Elle fournit une méthodologie complète : choix de 3 à 5 études de cas fortes, structure narrative (héros visuel, résumé, contexte, problème/solution/impact), et conseils de mise en page de site portfolio. L’accent est mis sur la pensée critique, la qualité d’exécution, l’impact mesurable et la clarté de communication. Compatible avec toute plateforme de création de portfolio (web, PDF, CMS), elle s’applique aussi bien à un agent AI qu’à un guide humain.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Dragoon0x/everything-design-taste/tree/HEAD/skills/design-portfolio-building
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

Construction d’un Portfolio de Design

Stratégie de Portfolio

Curation

  • 3 à 5 études de cas solides. La qualité prime sur la quantité.
  • Montrez de la diversité : différents types de projets, secteurs ou compétences.
  • Commencez par votre pièce la plus forte.
  • Supprimez tout ce dont vous ne pouvez pas parler avec confiance.

Structure d’une Étude de Cas

  1. Image ou vidéo hero (le meilleur visuel du projet).
  2. Résumé du projet en une phrase.
  3. Rôle + calendrier + équipe.
  4. Problème + processus + solution + impact.
  5. 1 500 à 2 500 mots. Rédaction serrée.

Ce que les Recruteurs Recherchent

  • Réflexion : Comment vous abordez les problèmes (pas seulement le résultat).
  • Savoir-faire : Qualité d’exécution et souci du détail.
  • Impact : Ça a fonctionné ? Comment le savez-vous ?
  • Communication : Savez-vous expliquer clairement vos décisions ?
  • Conscience de soi : Que feriez-vous différemment ?

Conception du Site Portfolio

  • Le site lui-même est une pièce du portfolio. Traitez-le comme tel.
  • Chargement rapide (personne n’attend le site lent d’un designer).
  • Adapté aux mobiles.
  • Navigation claire entre les projets.
  • Coordonnées faciles à trouver.
  • Pas de protection par mot de passe (les recruteurs ne demanderont pas d’accès).

Individual skills in this repo

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

Dragoon0x/everything-design-taste

Page transition choreography, staggered animations, and orchestrated motion sequences.

Dragoon0x/everything-design-taste

Hero section design patterns beyond the generic centered layout.

Dragoon0x/everything-design-taste

Landing page copywriting patterns including headlines, value propositions, and conversion-focused writing.

Dragoon0x/everything-design-taste

Landing page structure, conversion optimization, hero design, and landing page testing.

Dragoon0x/everything-design-taste

Designing for multiple languages, RTL support, date/number formatting, and cultural considerations.

Dragoon0x/everything-design-taste

Micro-interaction animation design, state transitions, and feedback animations.

Dragoon0x/everything-design-taste

A reference library of common micro-animations with CSS/JS implementations.

Dragoon0x/everything-design-taste

Motion design review, animation performance, and motion consistency checking.

Dragoon0x/everything-design-taste

Animation purpose, timing, easing philosophy, and motion as a design language element rather than decoration.

Dragoon0x/everything-design-taste

Pricing page layout, plan comparison, feature matrices, and pricing tier presentation.

Dragoon0x/everything-design-taste

Pricing page design, plan comparison, feature matrices, pricing psychology, and upgrade flows.

Dragoon0x/everything-design-taste

Video background design, hero videos, and video performance.

Dragoon0x/everything-design-taste

Pre-launch waitlist design, launch pages, and early access patterns.

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