·css-tokens
</>

css-tokens

schalkneethling/webdev-agent-skills

Bietet grundlegende CSS-Design-Tokens (benutzerdefinierte Eigenschaften) für Typografie, Abstände, Farben, Rahmen, Z-Index und Übergänge. Verwenden Sie diese Option, wenn Sie ein Basis-Token-System für ein Webprojekt einrichten.

5Installationen·0Trend·@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)

Bietet grundlegende CSS-Design-Tokens (benutzerdefinierte Eigenschaften) für Typografie, Abstände, Farben, Rahmen, Z-Index und Übergänge. Verwenden Sie diese Option, wenn Sie ein Basis-Token-System für ein Webprojekt einrichten. Quelle: schalkneethling/webdev-agent-skills.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill css-tokens
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist css-tokens?

Bietet grundlegende CSS-Design-Tokens (benutzerdefinierte Eigenschaften) für Typografie, Abstände, Farben, Rahmen, Z-Index und Übergänge. Verwenden Sie diese Option, wenn Sie ein Basis-Token-System für ein Webprojekt einrichten. Quelle: schalkneethling/webdev-agent-skills.

Wie installiere ich css-tokens?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill css-tokens Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

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