GratuitWeb
Icônes, illustrations et logos SVG
- 371371 téléchargements
- 167167 mentions J'aime
- 205205 sauvegardes
Compatible avec
- Claude Code
- Codex
- Cursor
- et 3 autres
Jetons de design : couleurs, espacements et mode sombre v1.0.0
Utilisez cette ressource pour créer ou migrer un système de jetons de design pour un projet
Nouveau
- 314 téléchargements
- 142 mentions J'aime
- 243 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install design-tokens-system-builderSans 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 loginL'agent définit les jetons, remplace les valeurs codées en dur par leurs références, prépare un mode sombre et génère les sorties pour CSS et d'autres plateformes au format DTCG. Vous obtenez un système de jetons cohérent et réutilisable.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Licence
- MIT
Ressources similaires
Tout voir- Gratuit
GratuitSkills
Simulation de parcours utilisateur et besoins latents
- 400400 téléchargements
- 155155 mentions J'aime
- 180180 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Animations d'interface : survol, transitions, gestes
- 600600 téléchargements
- 208208 mentions J'aime
- 109109 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Revue d'ingénierie frontend
- 537537 téléchargements
- 112112 mentions J'aime
- 145145 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitWeb
Prototypes d'interfaces et de mocks d'API
- 426426 téléchargements
- 171171 mentions J'aime
- 233233 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Extraction du contexte de design depuis Figma
- 412412 téléchargements
- 240240 mentions J'aime
- 178178 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitWeb
Génération de HTML et CSS fidèles à une maquette
- 512512 téléchargements
- 215215 mentions J'aime
- 183183 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Orchestrateur d'ingénierie frontend
- 422422 téléchargements
- 230230 mentions J'aime
- 161161 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md : jetons de couleur, d'espacement et de typographie, règles de migration
- reference/dark-mode.md : stratégie de mode sombre
- reference/token-anti-patterns.md : erreurs fréquentes
Pour qui
- Votre CSS contient des couleurs répétées à la main
- Vous voulez un mode sombre cohérent sur toutes les pages
Pas pour qui
Étiquettes
- jetons
- design system
- couleurs
- mode sombre
- dtcg
À propos
Vous dites
« Crée les jetons de couleur de notre site et migre les valeurs codées en dur vers eux. »
Skill publiée par simota sous licence MIT. Fichiers livrés dans leur version d'origine, en anglais.
Voir plusVoir moins
Comment l'utiliser
- Installez la skill dans le dossier de skills de votre agent
- Demandez à votre agent de créer ou migrer un système de jetons de design pour un projet
- Relisez et ajustez le résultat
Aperçu du contenu
Fichiers
- LICENSE1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- reference/color-dark-mode-anti-patterns.md2,6 Ko
- reference/css-token-architecture-anti-patterns.md2,8 Ko
- reference/dark-mode.md5,6 Ko
- reference/design-system-construction.md3,2 Ko
- reference/design-system-context.md6,2 Ko
- reference/elevation-tokens.md7 Ko
- reference/figma-sync.md6,5 Ko
- reference/motion-tokens.md7,1 Ko
- reference/radius-tokens.md7,8 Ko
- reference/token-anti-patterns.md2,7 Ko
- reference/token-lifecycle.md4,9 Ko
- reference/token-system.md18,1 Ko
- reference/typography-selection-guide.md1,9 Ko
- SKILL.md23,9 Ko
Origine et licence
Référencée sans modification
- Auteur
- simota
- Source
- github.com/simota/agent-skills/tree/2e02cc9efb3852a45334495df3784d59b87b0e18/muse
- Licence
- MIT
Notice
« muse » (simota, 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…