skills.rest
piyushverma0
piyushverma0COMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-tokens

Generate Material You design tokens for Android theming.

14|Updated Mar 14, 2026
Search Tags:#design#theming#composition#android#dark-mode#design-tokens#material3
One-click install
npx skills add https://github.com/piyushverma0/android-agent-skills --skill design-tokens-piyushverma0
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-tokens
Source: https://github.com/piyushverma0/android-agent-skills/tree/main/skills/design-tokens
Command: npx skills add https://github.com/piyushverma0/android-agent-skills --skill design-tokens-piyushverma0

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Design-token standardization for Android apps to ensure consistent theming across platforms and dark mode.

Core Features & Use Cases

  • Unified color system with semantic tokens (primary, onPrimary, surface, background, etc.)
  • 4dp spacing, tonal elevation, and shape tokens aligned to Material You
  • Dynamic color and dark mode support with a complete Theme.kt structure
  • References and rules for consistent usage across fintech, edtech, healthtech, ecommerce, and enterprise apps

Quick Start

Initialize the design-tokens system by defining a complete Theme with colorScheme, shapes, typography, and spacing, then apply AppTheme at the root of the app.

Frequently Asked Questions about design-tokens

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I standardize Android app theming with Material You design tokens?▼

Standardize Android app theming by implementing a complete design-tokens system based on Material You, providing unified color, spacing, elevation, and typography tokens with dark mode support.

What is the best way to structure a Material 3 theme for dark mode in Android?▼

Structure a Material 3 theme by defining a complete Theme.kt with colorScheme, shapes, typography, and spacing. This approach includes semantic color usage, tonal elevation, and dynamic color guidelines to fully support dark mode.

How do I implement semantic color tokens and a 4dp spacing scale in Android?▼

Implement semantic color tokens and a 4dp spacing scale by defining them within a complete Theme structure containing Color.kt and Shape.kt. This aligns your app's color, spacing, and elevation tokens with Material You guidelines.

Can I use Material You dynamic color for fintech and enterprise Android apps?▼

Yes, you can use Material You dynamic color for fintech, healthtech, edtech, ecommerce, and enterprise apps. The system provides referenced rules and examples to ensure consistent semantic color usage across various app categories.

How do I apply a unified design token system at the root of an Android app?▼

Apply a unified design token system by initializing the design-tokens system with a complete Theme definition, then applying AppTheme at the root of your app. This applies the unified color, spacing, and typography globally.

Related Skills

Explore More Design & Creative Skills→
patlar104patlar104

Material Design 3 with Jetpack Compose

Implement Material Design 3 theming and components in Jetpack Compose.

Community
Advanced
ishiyanishiyan

material-design-3-layout

Implement Material Design 3 layouts with 4dp spacing and mobile-first grids.

Community
Advanced
tassiovaletassiovale
13

Expo UI Jetpack Compose

Integrate Jetpack Compose components and Material Design 3 into Expo UI apps.

Community
Intermediate
nigamelasticnigamelastic

android-design-guidelines

Define Android Material Design 3 guidelines for Jetpack Compose and XML layouts.

Community
Advanced