kmp-design-systems
CommunityUnified design tokens for dual-theme Kotlin apps.
Authorniltsiar
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Design tokens, components, and icon strategy for a dual-theme Kotlin Multiplatform UI, enabling consistent visuals across Material 3 Expressive and Compose Unstyled themes.
Core Features & Use Cases
- Token architecture with two-layer CompositionLocal tokens for design tokens and component tokens.
- Shared component library with token-driven components like PokemonCard, TypeBadge, AnimatedStatBar.
- Material Icons strategy using Vector Drawable XML (Material Symbols) with tinting rules and WCAG-compliant colors.
- Guidance on token access patterns, LaunchedEffect token capture pattern, and guardrails to ensure consistency.
Quick Start
Create or enable your PokemonTheme, then start using MaterialTheme.tokens and MaterialTheme.componentTokens to style screens with dual-theme support.
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: kmp-design-systems Download link: https://github.com/niltsiar/kotlin_multiplatform_pokedex/archive/main.zip#kmp-design-systems 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.