Skills
.Work. You
Rest

demo-ui-tokens

Community

Streamline design adjustments with structured UI tokens.

Design & Creative#typography#theming#ui#layout#design tokens#css variables#style management
AuthorInnei
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It centralizes the management of color, spacing, typography, and layout tokens for consistent UI design updates.

Core Features & Use Cases

  • Design System Maintenance: Facilitates unified updates to visual styles across the project.
  • Theme Customization: Allows quick theme switching between light and dark modes with predefined tokens.
  • Use Case: Quickly modify the page background or font sizes when designing new interface themes or components.

Quick Start

Reference the tokens in your CSS or style files to apply consistent design properties dynamically.

Dependency Matrix

Required Modules

None required

Components

referencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: demo-ui-tokens
Download link: https://github.com/Innei/haklex/archive/main.zip#demo-ui-tokens

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.