Design & visuel

Interface Distincte

/interface-distincte

Ce qu’il fait

Ce skill positionne Claude comme directeur artistique d'une petite agence connue pour créer des identités visuelles uniques. Il fait des choix délibérés et assumés sur la palette de couleurs, la typographie (le style des polices), et la mise en page — des choix spécifiques à TON brief et TON audience, pas des valeurs par défaut copiées partout. Claude prend aussi un vrai risque esthétique justifié, et démontre pourquoi ses choix sont meilleurs qu'une réponse template.

Quand l’utiliser

Quand tu construis une nouvelle interface ou que tu repenses une interface existante et que tu veux un résultat qui a une vraie personnalité visuelle — que ce soit un site vitrine, une application, ou une landing page (page d'atterrissage pour convertir des visiteurs).

Un exemple concret

Tu lances un cabinet de coaching pour dirigeants et tu veux un site qui dégage autorité et confiance sans ressembler à tous les autres sites de coaching.

Sujet ancré : coaching stratégique pour PDG de PME, décisions sous pression, Paris.
Palette : bleu marine très sombre #0D1B2A + or chaud #C9963C + blanc pur — autorité sans froideur.
Typographie : Playfair Display (titres) + Source Serif Pro (corps) — sérieux, pas corporate.
Hero : texte seul, aucune photo, titre sur 3 lignes en très gros — choix assumé contre la tendance.
Risque pris : typographie monumentale qui occupe 80% de l'écran d'accueil.
Justification : les cabinets concurrents tous sur fond blanc avec photo de poignée de main — rupture totale.

Une direction artistique détaillée avec palette, polices, mise en page et justifications — prête à transmettre à un développeur ou à implémenter directement.

Comment l’installer

Colle ces deux lignes dans Claude Code, puis lance le skill avec /interface-distincte.

/plugin marketplace add ismax-ai/claude-code-skills-fr
/plugin install ismax-skills-fr@ismax
/interface-distincte

Skill open-source de anthropics, sous licence Apache-2.0. Voir la source d’origine. Je l’ai sélectionné, traduit et adapté en français pour la bibliothèque.

Tu débutes avec Claude Code ?

J’ai écrit un guide de démarrage qui t’explique, pas à pas, ce qu’est un skill, comment installer la bibliothèque et faire tes premiers pas.

Lire le guide de démarrage

L’IA pour les Débutants · SubstackLa marketplace de skills Claude Code gratuits (en français)Lire sur Substack →

← Toute la bibliothèque