@julianoczkowski/design-tokens

Generate a design tokens file (CSS variables or Tailwind config) based on a chosen aesthetic philosophy, with light and dark mode palettes, spacing scale, type ramp, and component-level tokens. Use when starting a new project, establishing a visual system, setting up tokens, or mentions "tokens" or "design system".

View in AI SkillSafe app
Scanned · no findings
0 downloads
0 stars
0 demos
SKILL.md

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@julianoczkowski/design-tokens/verified)](https://skillsafe.ai/skill/@julianoczkowski/design-tokens/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@julianoczkowski/design-tokens/installs)](https://skillsafe.ai/skill/@julianoczkowski/design-tokens/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@julianoczkowski/design-tokens/scan)](https://skillsafe.ai/skill/@julianoczkowski/design-tokens/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@julianoczkowski/design-tokens/eval)](https://skillsafe.ai/skill/@julianoczkowski/design-tokens/)