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

PalateKit

Menu

Demander une ressource

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

0 / 280

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.

Système de design : tokens, thèmes et clair/sombre v1.0.0

Utilisez cette ressource pour structurer des design tokens et un thème clair ou sombre

Nouveau

  • 548 téléchargements
  • 240 mentions J'aime
  • 243 sauvegardes

Gratuit

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install design-tokens-theming

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 rédige les tokens au format W3C, les organise en trois couches, définit les variables CSS compatibles avec shadcn/ui et configure le changement de thème sans JavaScript au premier affichage. Vous obtenez une base de tokens et un plan de thème.

Choisie surtout par

Mise à jour le 2 novembre 2026

Carte de la skill « Système de design : tokens, thèmes et clair/sombre »

Caractéristiques

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 : format W3C des tokens et hiérarchie en trois couches
  • SKILL.md : variables CSS shadcn, changement de thème et configuration Style Dictionary

Pour qui

  • Vous voulez partager couleurs et espacements entre plusieurs applications
  • Votre site doit proposer un mode sombre sans clignotement

Pas pour qui

    Étiquettes

    • design system
    • tokens
    • thème
    • mode sombre

    À propos

    Vous dites

    « Crée les tokens de couleur de ma marque au format W3C, avec des variables CSS pour le mode sombre. »

    Carte de la skill « Système de design : tokens, thèmes et clair/sombre »

    Skill publiée par claude-dev-suite sous licence MIT. Fichiers livrés dans leur version d'origine, en anglais.

    Voir plus

    Comment l'utiliser

    1. Installez la skill dans le dossier de skills de votre agent
    2. Demandez à votre agent de structurer des design tokens et un thème clair ou sombre
    3. Relisez et ajustez le résultat

    Aperçu du contenu

    Fichiers

    • LICENSE1,1 Ko
    • NOTICE-PALATEKIT.md0,5 Ko
    • SKILL.md7,1 Ko

    Origine et licence

    Référencée sans modification

    Auteur
    claude-dev-suite
    Source
    github.com/claude-dev-suite/claude-dev-suite/tree/e10ab644ba43abe2abc923399226df4af7337214/skills/ux/design-systems
    Licence
    MIT

    Notice

    « design-systems » (claude-dev-suite, MIT) livré dans sa version d'origine : fiche en français et en anglais 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.