cloodle-design-tokens
CommunityDesign tokens for consistent Cloodle UI.
Authorastoeffer
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Centralizes design tokens for colors, typography, spacing, and components to ensure consistent styling across platforms.
Core Features & Use Cases
- Color & Typography Tokens: Define a unified palette and typography scale.
- Spacing & Borders: Consistent spacing and radii across components.
- Cross-Platform Mapping: Map tokens to Kirby UIkit and Moodle Bootstrap equivalents.
Quick Start
Use tokens in CSS with var(--cloodle-*) variables and reference the provided reference.md for full token definitions.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: cloodle-design-tokens Download link: https://github.com/astoeffer/plugin-marketplace/archive/main.zip#cloodle-design-tokens Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.