Skills
.Work. You
Rest

Klytos CSS Classes

Community

Consistent UI styling with tokens and classes.

Design & Creative#frontend#css#tokens#design-system#design-tokens#klytos#ui-classes
Authorjoseconti
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Developers building Klytos UIs confront fragmentation and inconsistency across admin panels, plugin interfaces, and frontend templates. This Skill provides a centralized reference of design tokens, CSS classes, and utility patterns to enforce a cohesive visual language.

Core Features & Use Cases

  • Comprehensive Design Tokens: a complete set of CSS variables for color, spacing, typography, and theming to support accessible UI.
  • Component & Utility Classes: a full taxonomy of buttons, cards, forms, grids, typography, and layout utilities to speed UI development.
  • Use Case: when updating an admin dashboard or a plugin interface, apply tokens and classes to ensure consistent visuals and predictable behavior.

Quick Start

Apply the Klytos design tokens and CSS classes to ensure consistent UI styling across all admin, plugin, and frontend components.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: Klytos CSS Classes
Download link: https://github.com/joseconti/klytos/archive/main.zip#klytos-css-classes

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.