Aller au contenu

Concevoir avec Claude

Bienvenue. Je partage ici mon expérience de la conception avec des agents, avec les guides et les skills que j’utilise. Tout est en libre accès : reprenez-le, adaptez-le, et transmettez-le à vos pairs ou à toute personne qui débute avec Claude dans la conception et le design agentique.

Explorer les skillsDémarrer

L’approche

Un agent fait gagner du temps quand il connaît vos règles. J’écris les miennes une fois, en skills, en guides et en dossier de contexte, et chaque tâche de conception repart de là.

  • Décrire le résultat

    Dites ce que vous voulez obtenir et pourquoi.

  • Poser des règles

    Des skills et un fichier CLAUDE.md donnent à l’agent vos conventions : ton, structure, périmètre.

  • Valider avant de garder

    Chaque écriture est d’abord proposée. Vous la relisez, puis elle est conservée.

Démarrer

Trois étapes dans le guide.

Comprendre Claude Code

Ce que l’outil fait et comment lui parler.

Préparer son environnement

Installer l’outil et ouvrir un premier dossier.

Ajouter des skills

Brancher les skills du catalogue à votre projet.

Lire tout le guide · 9 chapitres

Skills

Six pour commencer. Chaque page détaille l’installation.

Toutes les skills (32 · 10 thèmes)marcus-clay/design-skills

Pour quoi faire

Quatre usages et ce qu’ils apportent.

  • Cadrer et rédiger

    Cas d’usage
    Une synthèse d’entretiens, une note de cadrage, un livrable.
    Bénéfice
    Un ton et une structure constants dès la première version.
    Pour l’utiliser
    Installez sober-writing et signal-research puis décrivez votre texte.

  • Concevoir et prototyper

    Cas d’usage
    Passer d’une idée à un prototype ou une maquette à montrer.
    Bénéfice
    Un prototype animé comme un court film, des maquettes créées directement dans Figma.
    Pour l’utiliser
    Commencez par prototype-anime et figma-console-mcp puis décrivez le parcours.

  • Outiller une équipe

    Cas d’usage
    Garder un produit ou un site cohérent à plusieurs.
    Bénéfice
    Tokens, mouvements et illustrations alignés d’une page à l’autre.
    Pour l’utiliser
    Ajoutez brand-system et transitions-polish au projet : Claude les applique à chaque page.

  • Piloter avec un OS personnel

    Cas d’usage
    Suivre plusieurs sujets et garder le fil des décisions.
    Bénéfice
    Une mémoire en fichiers texte : décisions, actions et contexte à portée de main.
    Pour l’utiliser
    Suivez le guide et personal-os pour créer votre dossier.

Autres guides

Un OS personnel avec Claude Code

Une mémoire et un tableau de bord pour son travail : inbox, règles, agents, cas d’usage.

Ship to Show

Transformer un prototype en étude de cas publiée, avec des vidéos animées.

Échangeons

Pour échanger sur un produit à concevoir, une pratique design à structurer ou l’usage de l’IA dans une équipe, écrivez-moi.

Contact