·css-tokens

Fournit des jetons de conception CSS fondamentaux (propriétés personnalisées) pour la typographie, l'espacement, les couleurs, les bordures, le z-index et les transitions. À utiliser lors de la configuration d'un système de jetons de base pour un projet Web.

5Installations·0Tendance·@schalkneethling

Installation

$npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill css-tokens

SKILL.md

This skill provides a comprehensive set of CSS design tokens (custom properties) to establish a consistent design foundation for web projects. Use this skill when the user requests a base token system or design tokens for their CSS.

A complete tokens.css file with a comprehensive design token system:

Users can reference individual tokens using CSS custom property syntax: var(--token-name)

Fournit des jetons de conception CSS fondamentaux (propriétés personnalisées) pour la typographie, l'espacement, les couleurs, les bordures, le z-index et les transitions. À utiliser lors de la configuration d'un système de jetons de base pour un projet Web. Source : schalkneethling/webdev-agent-skills.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill css-tokens
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que css-tokens ?

Fournit des jetons de conception CSS fondamentaux (propriétés personnalisées) pour la typographie, l'espacement, les couleurs, les bordures, le z-index et les transitions. À utiliser lors de la configuration d'un système de jetons de base pour un projet Web. Source : schalkneethling/webdev-agent-skills.

Comment installer css-tokens ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill css-tokens Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/schalkneethling/webdev-agent-skills