Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Se connecter
Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Une page, une vidéo ou une image en ligne.

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Identité de marque et direction visuelle web v1.0.0

Utilisez cette ressource pour définir l'identité visuelle et la direction de design d'un site web

Nouveau

  • 352 téléchargements
  • 164 mentions J'aime
  • 239 sauvegardes

Gratuit

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install web-design-expert

Sans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent commence par une phase de découverte (objectif, public, personnalité de marque), puis propose deux ou trois concepts visuels avec palette en OKLCH, typographie et éléments signature. Il vérifie hiérarchie, contraste et responsive. Vous obtenez une charte de marque, des spécifications de design et des exemples de composants.

Choisie surtout par

Mise à jour le 2 novembre 2026

Carte de la skill de design web et d'identité de marque.

Caractéristiques

Fonctionne dans
Guides d'installation
Génère avec
Le modèle de votre agent
Licence
MIT

Ressources similaires

Tout voir

Ce que vous obtenez

  • SKILL.md traduit en français : processus, OKLCH, anti-modèles, livrables
  • references/layout-systems.md : grilles, espacements, points de rupture
  • references/color-accessibility.md : palettes, mode sombre, contraste WCAG
  • references/tooling-integration.md : outils 21st.dev et Figma

Pour qui

  • Poser l'identité visuelle d'un nouveau site
  • Comparer deux ou trois directions avant de produire
  • Vérifier l'accessibilité visuelle d'une maquette

Pas pour qui

  • Le travail typographique approfondi
  • Les tokens de design et l'architecture CSS
  • Le code sans direction de design

Étiquettes

  • marque
  • palette
  • oklch
  • layout
  • accessibilité

À propos

Vous dites

« Propose trois directions visuelles pour le site de mon studio de yoga, avec palettes en OKLCH. »

Carte de la skill de design web et d'identité de marque.

Skill publiée par curiositech sous licence MIT, traduite par PalateKit.

Voir plus

Prérequis

À préparer
Description de l'activité et du public et Références visuelles qui vous plaisent

Comment l'utiliser

  1. Répondez aux questions de découverte sur votre activité et votre public.
  2. Choisissez parmi les concepts proposés.
  3. Demandez la charte de marque et les exemples de composants.

Aperçu du contenu

Fichiers

  • LICENSE1,1 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • references/color-accessibility.md2,6 Ko
  • references/layout-systems.md2,6 Ko
  • references/tooling-integration.md2,5 Ko
  • SKILL.md8,2 Ko

Origine et licence

Modifié par PalateKit

Auteur
curiositech
Source
github.com/curiositech/some_claude_skills/tree/f49825290077e5fb46bb3e867dfa8a5b0161152b/.claude/skills/web-design-expert
Licence
MIT

Notice

Version modifiée de « web-design-expert » (curiositech, MIT) : traduction française et fiche par PalateKit.

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.

Questions fréquentes

Les outils MCP 21st.dev sont-ils obligatoires ?

Non. Ils servent d'inspiration et de génération de composants ; la méthode fonctionne sans eux.

Pourquoi des couleurs en OKLCH ?

Elles donnent une luminosité perçue uniforme et des contrastes plus fiables que l'hexadécimal.