Skills
.Work. You
Rest

design-systems-compose

Community

Design a zero-Material Compose design system.

Design & Creative#design#theming#catalog#kotlin#design-system#compose#ui-architecture
AuthorClankerGuru
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Architect, build, and ship a zero-Material design system library for Compose Multiplatform, ensuring UI consistency across platforms through token-driven theming, foundation primitives, and catalog documentation.

Core Features & Use Cases

  • Token architecture for colors, typography, spacing, borders, shadows, and animation.
  • Foundation primitives and a complete component set designed without Material 3 dependency.
  • Catalog app for documentation and live showcase of the design system and components.
  • Build and publish a multiplatform module structure with theme, catalog, and platform-specific source sets.
  • Reusable design system patterns that enable consistent theming and component usage across Android, Desktop, and Web targets.

Quick Start

Start by outlining the token hierarchy, then implement a theme layer, foundation primitives, and component modules, followed by a catalog app to showcase the system.

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: design-systems-compose
Download link: https://github.com/ClankerGuru/skills/archive/main.zip#design-systems-compose

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.